我可以使用的功能相同的功能

Question

我寫的代碼如下內的對象，

function Myfunction(){ 
Myfunction.myvar = "somevar"; 
} 

後，我執行的功能，我可以能夠訪問​​

它是如何工作的？如果我這樣做，那麼隱藏在這個問題中的是什麼？

如果有任何問題，請解釋上下文。

Answer 1

它是如何工作的？

當您在某個執行上下文中聲明函數時，將綁定添加到該上下文的變量環境中。當您引用標識符時，將檢查當前變量環境以查看該標識符是否存在綁定。

如果不存在綁定，則檢查外部變量環境等等，以備份到全局範圍。

所以：

// OUTER SCOPE 
// Binding exists for 'example' 
function example() { 
    // INNER SCOPE 
    // No binding for 'example' 

    // References 'example' in outer scope 
    example.x = 1; 
} 

什麼問題隱藏在這個？

有沒有（一般來說...雖然是否正確的解決方案取決於你想要做什麼）。

您正在有效地創建函數的「靜態」屬性。由於JavaScript函數是一流的，您可以像使用其他對象一樣設置屬性。

---

注意的行爲是不同的，如果你有一個名爲函數表達，而不是一個函數聲明：

var x = function example() { 
    // Identifier 'example' is only in scope in here 
}; 

Answer 2

由於函數在調用之前不會執行，因此不會立即對​​進行求值。

一旦你調用它，函數定義已經安裝爲Myfunction，這樣它可以在你調用它的時候解決。

像下面這樣是行不通的：

var x = { 
     foo: 1, 
     bar: x.foo } // x does not exist yet. 

Answer 3

在javascript中的每個功能都是一個對象。所以你可以添加任何自定義字段。

function A() {} 

A.somevar = 'this is custom field'; 

A.prototype.somevar2 = 'this is field in A proto'; 

所以，當你用A構造器創建新對象時，它將從原型獲取屬性。

var b = new A(); 
alert(b.somevar2); 

Answer 4

一個問題，你可能會因爲範圍界定的，作爲一個更復雜的例子顯示：

function Other() { 
    console.log("a) Other.Myvalue",Other.Myvalue); 
    Other.Myvalue=typeof Other.Myvalue==='undefined' ? 0 : Other.Myvalue+1; 
    console.log("b) Other.Myvalue",Other.Myvalue); 
} 
Other(); 
Other(); 

這將導致

a) Other.Myvalue undefined 
b) Other.Myvalue 0 
a) Other.Myvalue 0 
b) Other.Myvalue 1 

所以你真的綁定您的變量MYVAR到函數對象本身是一個單例，並且只存在一次（並且由函數定義本身在當前上下文中可能是全局上下文創建），而不是該對象的實例。但是，如果你只使用靜態值，不需要任何邏輯，它就像字面的形式，我不希望出現任何問題，其他的文字形式更方便：

var Other = { 
    Myvalue: "somevalue" 
};