爲什麼「這」始終是在原型窗口的JavaScript類

Question

這裏是

function Person(name, age, weight) { 
    this._name = name; 
    this._weight = weight; 
    this._age = age; 
} 

Person.prototype = { 
    Anatomy: { 
     Weight: this._weight, 
     Height: (function() { 
      //calculate height from age and weight 
     }) 
    } 
} 

我預計Anatomy.weight爲60，當我跑這個代碼代碼：

​​

令我驚訝它是未定義的。在檢查時，似乎this指的是全局對象窗口。現在什麼這裏發生了:( 我預計this._weight指人從粗略計算物品重量，否則，這應該有被稱爲解剖最少，因爲它是一個對象。可能有人澄清疑問

Answer 1

你不能。到this僅在可用功能如果你使用它，它指的是全局對象的一種可能的解決辦法是這樣的：

function Anatomy(weight) { 
    this.Weight = weight; 
    this.Height = [...]; 
} 

function Person(name, age, weight) { 
    this._name = name; 
    this._weight = weight; 
    this._age = age; 
    this.Anatomy = new Anatomy(this._weight); 
} 

我不知道這是不是最好的解決辦法，但它的我現在能想到的最好的。

Answer 2

這沒有什麼與原型做。

當您在瀏覽器中工作時，您的上下文（this）被設置爲window對象。這使您可以撥打setTimeout和alert等。就好像它們是全球功能一樣。即任何你的腳本都是全局的window對象的一種方法。

這在其他Javascript主機中並不是這樣，例如，在node.js中

Answer 3

this根據範圍進行更改，範圍僅受功能影響。因此，由於Person.prototype只是一個不在函數中的對象，因此this引用全局對象，它在瀏覽器中往往是window。

編輯：例如修復

function Person(name, age, weight) { 
    this._name = name; 
    this._weight = weight; 
    this._age = age; 
    this.Anatomy: { 
     Weight: this._weight, 
     Height: (function() { 
      //calculate height from age and weight 
     }) 
    } 
}