3種不同類型的JavaScript對象，有什麼不同？

Question

我最近一直在深入研究JavaScript，並偶然發現了一個問題。

是一個什麼對象的下列實現之間的區別：

var myFunction1 = (function myFunction1() {})(); 

var myFunction2 = {} 

var myFunction3 = function myFunction3() {} 

或者與三種實現預成型完全相同的任務較長的例子。

<script> 
    var myFunction1 = (function myFunction1() { 

     var _privateVar = 'Private var'; 
     this.publicVar = 'Public var'; 

     function init(newPrivate, newPublic) { 
     _privateVar = newPrivate; 
     this.publicVar = newPublic; 
     } 

     function getPrivateVar(){ 
     return _privateVar; 
     } 

     function setPrivateVar(string){ 
     _privateVar = string; 
     } 

     return { 
     init: init, 
     getPrivateVar: getPrivateVar, 
     setPrivateVar: setPrivateVar 
     } 

    })(); 

    var myFunction2 = { 

     _privateVar: 'Private var', 
     publicVar: 'Public var', 

     init: function init(newPrivate, newPublic) { 
     this._privateVar = newPrivate; 
     this.publicVar = newPublic; 
     }, 

     getPrivateVar: function getPrivateVar(){ 
     return this._privateVar; 
     }, 

     setPrivateVar: function setPrivateVar(string){ 
     this._privateVar = string; 
     } 

    } 

    var myFunction3 = function myFunction3() { 

     var _privateVar = 'Private var'; 
     this.publicVar = 'Public var'; 

     function init(newPrivate, newPublic) { 
     _privateVar = newPrivate; 
     this.publicVar = newPublic; 
     } 

     function getPrivateVar(){ 
     return _privateVar; 
     } 

     function setPrivateVar(string){ 
     _privateVar = string; 
     } 

     return { 
     init: init, 
     getPrivateVar: getPrivateVar, 
     setPrivateVar: setPrivateVar 
     } 

    } 

    var a, b, c; 
    a = myFunction1; 
    a.init('Private var updated', 'Public var updated'); 
    console.log('== A =='); 
    console.log(a.publicVar); // Public var updated 
    console.log(a._privateVar); // undefined 
    console.log(a.getPrivateVar()); // Private var updated 
    a.setPrivateVar('Private var is updated again'); 
    console.log(a.getPrivateVar()); // Private var is updated again 

    b = myFunction2; 
    b.init('Private var updated', 'Public var updated'); 
    console.log('== B =='); 
    console.log(b.publicVar); // Public var updated 
    console.log(b._privateVar); // Private var updated 
    console.log(b.getPrivateVar()); // Private var updated 
    b.setPrivateVar('Private var is updated again'); 
    console.log(b.getPrivateVar()); // Private var is updated again 

    c = new myFunction3(); 
    c.init('Private var updated', 'Public var updated'); 
    console.log('== C =='); 
    console.log(c.publicVar); // Public var updated 
    console.log(c._privateVar); // undefined 
    console.log(c.getPrivateVar()); // Private var updated 
    c.setPrivateVar('Private var is updated again'); 
    console.log(c.getPrivateVar()); // Private var is updated again 
</script> 

我知道這兩個第一個例子是單例，最後一個例子允許我創建多個對象。但前兩者有什麼區別？或者它們是相同的，只是寫了一點點不同？

Answer 1

第一個示例創建一個功能myFunction1()並執行它，並將結果存儲（不是功能）在可變myFunction1 - 在這種情況下，名稱myFunction1第一包含一個函數，那麼（一旦它的執行）它包含結果。

myFunction2根本不是功能。括號{}是一個對象字面值，創建一個空對象。

myFunction3是該示例中的唯一函數。在這種情況下，它什麼都不做。

Answer 2

在第一個示例中，您正在使用IIFE（immediately-invoked function expression）來保持私有狀態。

您無法訪問_privateVar，因爲在IIFE中聲明的變量處於閉包中。