Jak poprawnie skonfigurować przestrzeń nazw i klasy JavaScript?

Pierwszy przykład to po prostu literał obiektu - nie może być utworzony i nie ma prywatnych członków. Drugi przykład ma niepoprawną składnię (var someProperty: 5 powinna być var someProperty = 5), ale używa zamknięcia do hermetyzacji wewnętrznego stanu prywatnego wewnątrz funkcji anonimowej.

Drugie podejście wygląda lepiej dla enkapsulacji prywatnych członków, ale może być bardziej "zorientowane obiektowo", czyniąc z niej instancjonalną klasę:

MyNamespace.MyClass = function() { ... };
MyNamespace.MyClass.prototype.someProperty = 'foo';

Wtedy możesz utworzyć instancję to ze słowem kluczowym "Nowy":

var aClass = new MyNamespace.MyClass();
aClass.init(...);

Używam następującej składni dla klas instancyjnych z przestrzenią nazw

 var MYNamespace = MYNamespace|| {};

 MYNamespace.MyFirstClass = function (val) {
        this.value = val;
        this.getValue = function(){
                          return this.value;
                       };
    }

var myFirstInstance = new MYNamespace.MyFirstClass(46);
alert(myFirstInstance.getValue());

Jsfiddle: http://jsfiddle.net/rpaul/4dngxwb3/1/

Dlaczego nigdy nie należy używać

 return { methodName : methodDelegate}

Jak w drugim przykładzie:

MyNamespace.MyClass = (function () {
    var someProperty = 5;

    var init = function () {
        //do something
    };

    return {
        someProperty: someProperty
        someFunction: someFunction
    };
}());

MyNamespace.MyClass.init();

Kiedy używasz przestrzeni nazw, musisz myśleć o niej jak o deklaracji, a nie o instancji.

MyNamespace = {};
MyNamespace.sub = {};
MyNamespace.anotherSub = {};
MyNamespace.sub.MyClass = (function () {

    var static_var; //static private var

    var MyClass2 = function () {

        var privateVar; //private
        var privateFn = function () { }; //private 

        this.someProperty = 5;  //public
        this.anotherProperty = false;  //public
        this.someFunction = function () {  //public
            //do something
        };
    };

    return MyClass2;

})();
debugger;

var c1 = new MyNamespace.sub.MyClass();
c1.someProperty = 1; // creates 5->1.

var c2 = new MyNamespace.sub.MyClass();
c2.someProperty = 2;  // creates 5->2. c1 is still 1



debugger;
var myClass = function () {
    var someProperty = 5;
    var anotherProperty = false;

    var init = function () {
        //do something
    };

    var someFunction = function () {
        //do something
    };

    return {
        someProperty: someProperty,
        anotherProperty: anotherProperty,
        init: init,
        someFunction: someFunction
    };
};


MyNamespace.MyClass = myClass();
var c2 = MyNamespace.MyClass;
// how  are planning to create one more object, while it's a reference? copy      //the whole one?

c2.someProperty = 2; // changes 5 -> 2
var c3 = MyNamespace.MyClass.init(); // create 2 instead of 5

c3.someProperty = 3;    // changes c3 and c3 from 2 to 3.
console.log(c2.someProperty + c3.someProperty);

I nie metter ile moduł anti-patter był popularny. Declaration daje możliwość używania tego samego kodu z różnymi instancjami w oczekiwany dla innych programistów sposób . Zwiększa się jakość kodu i prostota jego odczytu. Celem każdego programisty jest napisanie prostego kodu, który będzie Czytaj, nie krótszy ani D. R. Y. - ale prosty do odczytania i opanowania przez innego dewelopera. To zmniejsza liczbę błędów w pierwszej kolejności. c) S. McConnell

Jak połączyć przestrzeń nazw i deklarację klasy:

var ns = { // your namespace
    my_value: 1, // a value inside the namespace to avoid polluting
    MyClass: function() { // a class inside the namespace
        this.class_property: 12,
        this.class_method: function() {
            console.log("My property: " + this.class_property);
        }
    },
    myFunction: function() { // a function inside a namespace
        console.log("I can access namepsace value if you don't use 'new': " + this.my_value);
    }
};

Dostęp do twojej wartości:

console.log(ns.my_value);

Teraz, dla klasy i funkcji: jeśli użyjesz new, słowo {[5] } wewnątrz funkcji wskaże jej konstruktor. Jeśli nie używasz new, this wskaże przestrzeń nazw. Więc

Użycie klasy:

var obj = new ns.MyClass();

Użycie funkcji:

ns.myFunction();

Jeśli zbudujesz obiekt bez new, this wskaże przestrzeń nazw, więc przestrzeń nazw będzie być "zniszczone", ponieważ MyClass.class_property i MyClass.class_method zostaną do niego dodane.