14

如果一个变量在需要时在函数中不可用，则在作用域链中查找它（这是一个闭包），但其他时候在原型链中搜索它。我正试图将我的头包裹起来，这是什么时候发生的。我想知道是否有人可以为我清除迷雾，或者让我参考一些专门讨论这个话题的文献。

例如，我是否正确地说： - 对象以及与上下文 (this) 相关的公共变量总是在原型链中查找？- 私有变量总是在作用域链中查找（即执行上下文中的函数链）？- 是否有任何情况下程序同时查看两者/其中一个？

我测试了三种不同的场景（范围链查找、原型查找和不查找），但不幸的是，它对深入了解这一点没有足够的帮助。

    var Food = function(){
    var t = 1;  // for closure

    this.timeToPrepare = function(){    // Scope chain lookup
        console.log(t * 3);
    };

    this.timeToMake = function(){   // This is looked up in the prototype chain
        console.log(this.t * 3);
    };

    this.timeToEat = function(t){   //No lookup
        console.log(t * 3);
    };

    };

    Food.prototype.t = 2;

    (function(){
    var pizza = new Food;
    pizza.timeToPrepare();  //3
    pizza.timeToMake();     //6
    pizza.timeToEat(3);     //9
    })();

在此处输入图像描述

谢谢！

4

1 回答 1

22

在作用域链上查找变量，从当前执行上下文开始，沿着封闭执行上下文的树向上查找。

首先在基础对象上查找属性[[Prototoype]]，然后在该对象的链（即其内部原型）上查找。

所以如果你这样做：

foo

foo将被视为变量并在作用域链上查找。变量名从不限定，您不能将它们定向到要查找的特定执行上下文。如果作用域链上有两个同名变量，则只能访问第一次遇到的变量链（有一种专门针对全局变量的方法），例如

var a = 'global a';

function foo() {
  var a = 'local a';
  return a;
}

console.log(foo()); // local a

在上面，函数中的a解析为局部变量a。在全局变量的情况下，它们是全局对象的属性，因此即使它们被同一个命名的局部属性“遮蔽”，您也可以访问它们，例如

function foo() {
  var = 'local a';
  // this will reference the global object
  return this.a;
}

console.log(foo()); // global a

相反，属性名称总是在查找它们的基础对象之前（如上面的示例，其中this引用全局对象），例如

foo.bar

将分为foo和bar。首先，foo将在作用域链上解析，如果找到，属性解析将尝试找到bar属性。因此，对于属性，您可以指示在哪个对象上查找该属性。因此，如果有两个对象具有相同的命名属性，只要两个对象都在范围内，您就可以查找这两个属性。

因此，任何引用的第一部分都被视为变量，后续部分被视为属性。除非使用with，但不鼓励这样做。不要去那里。

但是为了完整性...... with将指定的对象放在起始范围链上，以便在使用范围链之前首先将变量作为该对象的属性查找，因此您可以执行以下操作：

var cos = function(arg){return 'my cos function: ' + arg};

function foo() {

  // cos is resolved on the scope chain
  console.log(cos(0.5));  // my cos function: 0.5

  with (Math) {
    // cos is first resolved as a property of Math, and only on the
    // scope chain if not found there
    console.log(cos(0.5)) // 0.8775825618903728
  }
}

foo();
于 2014-12-12T00:30:47.563 回答