Ссылка функция внутри 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); 

Затем, вы можете получить доступ к нему, как это:

first_function(paramForThirdFunc1,paramForThirdFunc2); 

Answer 2

Если вы хотите получить доступ к свойству из IIFE, что вам нужно сделать это свойство доступно путем возврата объект

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.