參考的IIFE內部功能

Question

我有以下邏輯：

var first_function = (function(d3, second_function) { 
    function third_function(param1, param2) { 
    /* do stuff here */ 
    } 
})(d3, second_function); 

外的IIFE結構，訪問第三個功能，我可以正常做這樣的事情：

first_function.third_function(data1, data2); 

我在哪裏我錯了？

Answer 1

它沒有返回它，所以函數只是蒸發。你可以做這樣的事情：

var first_function = (function(d3, second_function) { 
    function third_function(param1, param2) { 
    /* do stuff here */ 
    } 
    return third_function; 
})(d3, second_function); 

然後，你可以這樣訪問：如果你想從IIFE訪問屬性

first_function(paramForThirdFunc1,paramForThirdFunc2); 

Answer 2

，你需要做的是財產可通過返回一個對象

var first_function = (function(d3, second_function) { 

    // this function is unavailable to the outer scope 
    function third_function(param1, param2) { 
    /* do stuff here */ 
    } 

    // this object allows us to access part of the inner scope 
    // by passing us a reference 
    return { 
    third_function: third_function 
    } 
}})(d3, second_function); 

有趣的是，我們還可以利用這個來創建'私有'方法和變量。

var first_function = (function(d3, second_function) { 

    // this function is unavailable to the outer scope 
    function third_function(param1, param2) { 
    /* do stuff here */ 
    } 

    var myPrivate = 0; // outer scope cannot access 

    // this object allows us to access part of the inner scope 
    // by passing us a reference 
    return { 
    third_function: third_function, 
    getter: function() { 
     return myPrivate; // now it can, through the getter 
    } 
    } 
}})(d3, second_function); 

如果您想了解更多關於這是如何工作的，我建議您閱讀JavaScript範圍和關閉。