模塊化模式

Question

的Javascript寬鬆augumentation因爲我想實現這樣的事情：

var SomeModule = (function(parent) { 
    var self = parent.Module1 = parent.Module1 || {}; 
    self.public_property1 = []; 
    self.publicMethod1 = function() { 
     // something here in the Module2 
    } 

    return parent; 

}(APP || {})); 

var SomeOtherModule = (function(parent) { 
    var self = parent.Module2 = parent.Module2 || {}; 
    self.public_property2 = []; 
    self.publicMethod2 = function() { 
     // something here 
    } 

    return parent; 

}(APP || {})) 

我得到'Uncaught ReferenceError: APP is not defined' 但是這是APP || {}整點，是不是？據我所知，parent參數必須包含APP對象（如果存在），或者是一個空對象。

我想要的是APP對象包含Module1，Module2和任何其他模塊添加。

我做錯了什麼？

謝謝！

Answer 1

你的問題是雙重的。

1）在甚至引用它之前（即使將變量保留爲undefined），您需要在某處聲明您的APP變量。要麼，要麼您可以使用typeof運算符，該運算符在未聲明變量時不會拋出錯誤。

2）當您在SomeModule的第一個實例化中即時創建對象時（{}），實際上並沒有將它的引用保存回APP變量中，您似乎想要重新用於第二個實例SomeOtherModule的目的。

這裏有一個固定的版本：

var APP = (function(parent) { 
 
    var self = parent.Module1 = parent.Module1 || {}; 
 
    self.public_property1 = []; 
 
    self.publicMethod1 = function() { 
 
     // something here in the Module2 
 
    } 
 

 
    return parent; 
 

 
})(APP || {}); 
 

 
APP = (function(parent) { 
 
    var self = parent.Module2 = parent.Module2 || {}; 
 
    self.public_property2 = []; 
 
    self.publicMethod2 = function() { 
 
     // something here 
 
    } 
 

 
    return parent; 
 

 
})(APP || {}); 
 

 
console.log(APP);

你可以通過控制檯輸出看到的，APP變量現在包含Module1和Module2值。

我不完全確定這是什麼模式，你試圖在這裏代表（古典繼承？），但這個修復應該有希望讓你前進。

Answer 2

您無法對未聲明的變量進行引用。 APP || {}的整點是爲了獲得空對象的值，因爲聲明瞭APP並且是僞造的（它可以是0，undefined，false，NaN ...）。如果它有可能是未申報的，你應該使用typeof運算符來檢查它：

(function() { ... })(typeof APP !== 'undefined' ? APP : {})