Javascript：是否有关键字用于引用对象中的当前节点？

Question

考虑下面的代码：

function Animal(){
  this.type = "dog";
  this.color = {
                 stomach: "white",
                 paws: "brown",
                 face: function(){
                   if(this.color.stomach === "white"){
                      return "red";
                   }else{
                      return "blue";
                   }
                 }
}

这只颜色奇怪的狗的面部颜色取决于他胃的颜色。我想知道是否有一种语法上更简单的方法来编写“this.color.stomach”部分。即，“this”指的是主要 Animal 对象。是否有类似的关键字引用调用该关键字的父对象？例如，由于我已经在 Animal.color 中，因此不必重复该部分来获取其胃颜色（Animal.color.stomach），有没有一种方法可以直接引用颜色属性，以便它是就像“parent.stomach”，其中“parent”指的是它在其中被调用的任何属性 - 在本例中是 Animal.color？

Answer 1

您尝试运行您的代码吗？因为 this 实际上确实引用了 color 而不是 Animal 对象。

它的工作原理如下：this 指的是调用该函数的任何对象，在正常情况下，您的 face 函数将被称为 someAnimal.color。 face() - 在这种情况下，this 已经引用了 color 对象，因此 this.color 将是一个错误而 this.stomach 实际上可以工作。

Answer 2

function Color(data) {
    this.stomach = data.stomach;
    this.face = data.face;
}

function Animal() {
    var self = this; // self now refers to the animal
    this.type = "Dog";
    this.color = new Color({
        face: function() {
            // in the "face" function, "this" refers to the color
            if (this.stomach === "white") { // color's stomach
                return "red";
            } else if (self.type === "Dog") { // animal's type
                return "Blue";
            }
        }
   });
}