自我調用的Javascript函數

我正在使用一段具有以下Javascript函數的代碼。我已閱讀this SO文章，它已經解釋了一些事情，但對於這段代碼的工作原理我仍然有點困惑。自我調用的Javascript函數

的代碼如下：

messageBus = (function() { 
    var messages = {}; 

    function publish(name, data) { 
     //does some stuff 
    } 

    function subscribe(name, callback) { 
     //does some stuff 
    } 

    function unsubscribe(name, callback) { 
     //does some stuff 
    } 

    return { 
     publish:publish, 
     subscribe:subscribe, 
     unsubscribe:unsubscribe 
    }; 
})();

，然後被

messageBus.publish("Submit");

叫什麼是

return { 
    publish:publish, 
    subscribe:subscribe, 
    unsubscribe:unsubscribe 
};

位代碼做呢？

來源

2014-10-29 Jon Hunter

它返回一個包含三個屬性'publish'，'subscribe'和'unsubscribe'的對象。請參閱https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Using_object_initializers – 2014-10-29 16:10:11

它返回一個對象。您可以執行該代碼並在控制檯中查看messageBus。 – j08691 2014-10-29 16:10:12

好的謝謝我現在明白了 – 2014-10-29 16:12:26

由於這三個內部函數（publish，subscribe和unsubscribe）的另一函數內聲明，他們也不會存在任何地方該外功能之外。

通過返回{ ... }對象與三個屬性，您可以有效地提供「公共」的API到messageBus - messageBus將等於物體與這3個功能性，這樣他們就可以從外部範圍被調用。

如果沒有返回該對象，則無法從外部範圍的任何位置調用這三個內部函數。

來源

2014-10-29 16:13:14 Shai

{}是對象字面量。

{ 
    foo: bar 
}

...是一個名爲「foo」的屬性的對象字面值，其值等於變量「bar」的值。

該函數返回一個具有三個屬性的對象，其中的值是其中定義的函數。

來源

2014-10-29 16:10:29 Quentin

謝謝我現在明白了 – 2014-10-29 16:12:42

自我調用的Javascript函數

回答

相關問題