javascript 中this的理解

原创于 2011-12-30 11:39:25 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #this #执行上下文 #ViewUI

javascript 专栏收录该内容

14 篇文章

订阅专栏

本文通过具体示例深入探讨了JavaScript中this关键字的行为特征及其在不同上下文中的指向变化，包括函数调用、对象方法调用及构造函数调用等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var test = "window's test";

var foo = function(){
           var test ="foo's test";
           alert(this == window);      // false,这里的this 指向new关键字生成的对象;
           alert(this.test);      //  undefined;

           return function(){
                  var test = "foo's inner test";
                  alert(this == window);         // true ,this 指向调用该匿名函数的对象，即window对象;
                  alert(this.test);                    // "window's test";
           }
}


var t = new foo();
t();        // 等价于 window.t(); 



var bar = {
      test : "bar's test",
      method: function(){
             alert(this == window);          // false,这里的this 指bar;
             return this.test;    //  "bar's test";
      }
}

bar.method();           // false , "bar's test";

总结：

this始终指向调用this所在函数的对象