意外的IIFE執行順序

Question

這是一個自學成功的JS黑客，並且試圖做得更正式一些，因爲我必須構建一個更好的JS應用程序，這個應用程序是名稱間隔的，並且是一個更好的JS公民。我很感激我在這裏做錯了一些指示。

這個想法是使用第一個閉包來構造一個名稱空間，然後在第二個我添加一個方法'類'構造函數的名稱空間對象。我在子上調用一個方法。

(function() { 
 
    'use strict'; 
 
    /** 
 
    * @namespace ProjectX 
 
    */ 
 

 
    var ProjectX = { 
 

 
     attr1: 'I am inside ProjectX' 
 
     
 
    } 
 
    window.ProjectX = ProjectX; 
 

 
})() 
 

 
//console.log(ProjectX.attr1); // When this line is uncommented the code will output 'foobar' as expected? 
 

 
(function() { 
 
    'use strict'; 
 

 
    ProjectX.subObj = function(val) { 
 
     this.name = val; 
 
     return this; 
 
    }; 
 
})(); 
 

 

 
var subObj = new ProjectX.subObj('Foobar'); 
 
console.log(subObj.name);

我期待看到 'Foobar的' 在控制檯日誌。然而，這產生了在控制檯下面的結果：

{ "message": "Uncaught TypeError: (intermediate value)(intermediate value)(intermediate value)(...) is not a function", "filename": " http://stacksnippets.net/js ", "lineno": 03, "colno": 1 }

當我讀到這個代碼，我希望這兩個IIFE的將順序執行，首先帶來projectX創建於生活，那麼，第二個加入進一步構造函數projectX創建該將返回一個subObj。此外，如果第16行的console.log（（ProjectX.attr1）未經註釋，代碼將按照我預期運行。這似乎表明，在我引用它之前，ProjectX實體不是「存在」的。我對IIFE的理解是，它們立即運行，無論如何，ProjectX不是構造函數 - 它是一個全局變量。

在研究中，我發現function inside of IIFE not recognized這似乎是一個類似的領土，但與綁定一個事件DOM並不與我的查詢相似

Answer 1

在第一個IIFE之後缺少一個分號，當它的分號console.log被刪除時該分號變得相關您可以搜索JS

中需要分號的情況

沒有分號，你的代碼可以解釋爲：在格式(IIFE)()()

(function() { 
    var ProjectX = { 
     attr1: 'I am inside ProjectX' 
    } 
    window.ProjectX = ProjectX; 
})()(function() { 
    ProjectX.subObj = function(val) { 
     this.name = val; 
     return this; 
    }; 
})(); 

檢查下面的函數，這個工程因爲IIFE返回一個函數，該函數被調用，('Hey')

(function() { 
 
     return function(msg){console.log(msg)} 
 
    })()('Hey')

沒有分號，javascript期望您的第一個IIFE返回一個函數，而不是c與您的代碼，所以它會拋出一個Type錯誤，說它期待一個函數，但得到了undefined。你的代碼最終計算結果爲：

undefined(function() { 
    ProjectX.subObj = function(val) { 
     this.name = val; 
     return this; 
    }; 
})(); 

或更簡化爲

undefined(<a function as parameter>)() 

，然後拋出一個function這裏有望代替undefined錯誤。

閱讀關於JavaScript中高階函數的更多信息，以便更好地理解此語法以及您的代碼是否模糊不清。