Własności podobne do prywatnych w modelach lub widokach Backbone.js

Question

Czy możliwe jest posiadanie prywatnych właściwości w modelu? Podobnie jak lokalnie zadeklarowane zmienne w funkcji (konstruktor), niepowiązane z this, ale deklarowane lokalnie i widoczne tylko przez to, co jest zdefiniowane w funkcji (konstruktor). Przykład bez BB Widok:

function MyView(aModel){ 

    var $internalInput = $('<input>'); 

    this.render: function($where){ 
    $internalInput.val(aModel.get('SomeProperty')); 
    $where.append($('<div class="inputWraper">').append($internalInput)); 
    }; 
    this.toggleReadonly: function() { 
    toggle $internalInputs readonly attribute 
    } 
    ... 
    + Code to bind input.val to some aModel property(ies) and setup events 
    ... 
} 

Zauważ, że internalInput nie jest przystosowany do świata zewnętrznego i aModel również nie jest dostępny (poprzez MyView przynajmniej). Więc jeśli chcę użyć Backbone.View do implementacji powyższego MyView, w jaki sposób mogę to zrobić i zachować $ internalInput 'private'?

Answer 1

Powinieneś być w stanie uzyskać prywatne dane przechodząc IIFE do extend podczas definiowania obiektów szkieletu, a nie tylko zwykłego obiektu. Na przykład:

var Thing = Backbone.Model.extend((function() { 
    var foo = "Private data!"; 

    return { 
    bar: function() { 
     console.log(foo); 
    } 
    }; 
})()); 

Answer 2

Lepiej mecz

var Thing = Backbone.Model.extend(
    { 
     constructor : function() 
     { 
      var _value = "Private data!"; 

      this.getValue = function() 
      { 
       return _value; 
      }; 
      this.setValue = function (value) 
      { 
       _value = value; 
      }; 
     } 
    }); 

Answer 3

Javascript jest zabawa!

Jestem trochę zaniepokojony faktem, że każda instancja tej "Rzecz" jest również podklasą w języku Ligi OOP.

Answer 4

W kontekście korzystania Broserify.js z Backbone (i naprawdę każdy powyżej średniej projektu) znalazłem następujący sposób na prywatne Vars i funkcje:

myView.js

'use strict'; 

var config  = require('../config.js'), 

    private_var = 'private variable', 
    my_private_fn = function() { 
     ... 
    }; 


module.exports = Backbone.Model.extend({ 
    initialize: function() { 
     this.my_public = 'public variable'); 

     console.log('This is my' + this.my_public); 
     console.log('This is my' + my_private); 
    }, 
}); 

na pomysł, aby wziąć tutaj jest iść z Browserify: P

Answer 5

Najprostszym sposobem jest następujący:

... 
initialize:function(properites){    
    // Init the logic with private and public methods/variable 
    this.logic.initFirst(this); 
    // Use public methods 
    this.logic.doSomething(); 
}, 

logic:{   
    initFirst:function(modelOrView){ 
     // Do not continue if already initiated 
     if(this.instance !== undefined) return; 

     // Write all logic here 
     this.instance = (function(logic, modelOrView){    
      // Private variables 
      var private = "private";     

      // Public methods 
      logic.doSomething = function(){ 
       console.log(private, modelOrView); 
      }; 

      // Private methods 
      function hidden(){ 

      } 

     }(this, modelOrView)); 
    } 

},