Enthüllung des Modulmusters mit einem Konstruktor

Question

Ich habe ein wenig Mühe, herauszufinden, wie dies am besten umgesetzt werden kann.

Ich möchte ein Modul, das einen Konstruktor hat, der ein Argument übernimmt, das es für die spätere Verwendung innerhalb des Moduls speichert.

var ModuleB = function(moduleA) { 
    this.moduleA = moduleA; 
} 

ModuleB.prototype = function() { 
    //private stuff/functions 
    function someMethod() { 
     moduleA.doSomething(); 
    } 

    //public api 
    return { 
     someMethod : someMethod 
    }; 
}(); 

In einer anderen Datei nun über

//ModuleA defined elsewhere 
var moduleA = new ModuleA(); 

//... 

var module = new ModuleB(moduleA); 
module.someMethod(); 

in someMethod ist moduleA undefiniert und this, ist das globale Fensterobjekt. Kann mir jemand erklären, wie ich Zugang zu ModulA bekomme? Ich verstehe nicht, was mit this.moduleA = moduleA; nach dem Konstruktor passiert. Ich bin nicht wirklich ein Javascript-Entwickler so, wenn ich das falsche Muster hier oder etwas bin mit, fühlen Sie sich frei in läuten

Answer 1

Sie sind ganz in der Nähe, aber du bist in Ihrer Definition von someMethod fehlt etwas wichtiges.

EDIT: ist leichter zu sagen, was funktioniert und was nicht, wenn Sie den Namen der Moduleigenschaft in ModuleB ändern:

var ModuleA = function() {} 

ModuleA.prototype = (function() { 
    return { 
     someMethod: function() { 
      return 'foo'; 
     } 
    }; 
}()); 

var ModuleB = function(moduleA) { 
    this.innerModule = moduleA; 
} 

ModuleB.prototype = (function() { 
    return { 
     doStuff: function() { 
      return this.innerModule.someMethod(); 
     } 
    }; 
}()); 

var moduleA = new ModuleA(); 

var moduleB = new ModuleB(moduleA); 
console.log(moduleB.doStuff()); // prints "foo" 

http://jsfiddle.net/mN8ae/1/

Answer 2

Versuchen Sie folgendes:.

var ModuleB = function(moduleA) { 
    this.moduleA = moduleA; 
} 

// Simplifying your code, what was missin is the "this" keyword accessing the moduleA 
ModuleB.prototype.someMethod = function() {  
    this.moduleA.doSomething(); 
}; 


var module1 = new ModuleB({ 
    doSomething: function(){ 
     alert('i do something'); 
    } 
}); 

module1.someMethod(); 

Answer 3

Sie benötigen würden Aufruf verwenden/apply um die Methode für einen gegebenen Kontext auszuführen.

versuchen diesen Code (Ich habe Ihren Code geändert)

var ModuleB = function(moduleA) { 
    this.moduleA = moduleA; 
     }; 

ModuleB.prototype = function() { 
    //private stuff/functions 
    function someMethod() { 

     this.doSomething(); 
    } 

    //public api 
    return { 
     someMethod : someMethod 
    }; }(); 


var ModuleA=function(){ 
    this.doSomething=function(){ 
     alert('moduleA Method'); 
    }; }; 

var modA=new ModuleA(); var modB=new ModuleB(modA); 
modB.someMethod.call(modA); 

Dank!