爲什麼當我做一個console.log是我的對象在一個函數內返回'undefined'？ （瞭解創建階段，執行階段）

Question

我想了解執行上下文，創建階段和執行階段。

我不知道，可能有人請幫助我瞭解爲什麼，

console.log(thisFunction.ojbect1); 

返回 - '未定義'。

我會想到，在創建階段之後，當變量被賦予'未定義'時，運行執行階段，然後在變量中填充對象。

那麼，爲什麼我會得到「未定義」的'對象1'，而不是整個對象？

非常感謝。下面的代碼。

var thisFunction = function(){ 
    var object1 = { 
     firstname: 'Mark', 
     printName: function(){ 
     console.log(this.firstname); 
     } 
    }; 

    object1.printName(); 
}; 

thisFunction(); 
console.log(thisFunction.object1); 

Answer 1

「Object1」不是「thisFunction」的屬性，這就是爲什麼你不能調用它。 「Object1」是在「thisFunction」範圍內創建的變量。

您只能訪問父範圍的變量。

如果您想了解更多關於功能範圍的信息，請參閱以下有趣的內容。

• Ryanmorr - Understanding scope and context
• MDN - Closures

Answer 2

1. 您需要使用這個分配一個變量函數對象thisFunction。
2. 然後您需要使用新創建這個函數的對象。

這工作，你除了：

var thisFunction = function(){ 

    this.object1 = { 
     firstname: 'Mark', 
     printName: function(){ 
     console.log(this.firstname); 
     } 
    }; 

    this.object1.printName(); 
}; 

var tf = new thisFunction(); 
console.log(tf.object1); 

使用typeof幫助您更好地瞭解對象和功能之間的區別：

console.log(typeof thisFunction); 
console.log(typeof tf); 
console.log(typeof tf.object1); 
console.log(typeof tf.object1.firstname); 

輸出：

功能
對象
對象
串

看看Plunker