嵌套函数中的Javascript“ this”指针

Question

我有一个关于在嵌套函数方案中如何处理“ this”指针的问题。

假设我将以下示例代码插入到网页中。当我调用嵌套函数“ doSomeEffects（）”时出现错误。我检查了Firebug，它表明当我使用该嵌套函数时，“
this”指针实际上指向全局“
window”对象，这是我所没有想到的。我一定不能正确理解某些东西，因为我认为自从我在对象的函数中声明了嵌套函数以来，它就应该具有相对于该函数的“局部”作用域（即“
this”指针将像引用对象本身一样）在我的第一个“ if”语句中情况如何）。

任何指针（无双关语）将不胜感激。

var std_obj = {
  options : { rows: 0, cols: 0 },
  activeEffect : "none",
  displayMe : function() {

    // the 'this' pointer is referring to the std_obj
    if (this.activeEffect=="fade") { }

    var doSomeEffects = function() {

      // the 'this' pointer is referring to the window obj, why?
      if (this.activeEffect=="fade") { }

    }

    doSomeEffects();   
  }
};

std_obj.displayMe();

Answer 1

在JavaScript中，this对象实际上是基于如何进行函数调用的。

通常，有三种方法可以设置this对象：

1. someThing.someFunction(arg1, arg2, argN)
2. someFunction.call(someThing, arg1, arg2, argN)
3. someFunction.apply(someThing, [arg1, arg2, argN])

在上述所有示例中，this对象均为someThing。在没有前置父对象的情况下调用函数通常会为您提供 全局
对象，这在大多数浏览器中都意味着该window对象。