为什么“这”始终是在原型窗口的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 
     }) 
    } 
}