浅析javascript闭包中的this

阅读更多

javascript本身是一种入门比较容易的脚本语言，这几年随着互联网的如火如荼的发展，javascirpt也一跃成为了炙手可热的前台脚本语言了，这里想简单总结下一个容易让初学者困惑的概念——闭包中的this。作为一个软件开发人员，还是直入主题，看看下面的代码吧:）

 

var name = "Frederick";
function fn(){
      var name = "海绵宝宝";
      return function(){var name = "Frederick";
            alert(this.name);
      }
}
fn()();//Frederick

 有的朋友可能会问为什么alert()弹出的是“Frederick”而不是“海绵宝宝”呢？这里就设计到了闭包作用域内的this关键字的引用问题，请记住一般情况下闭包内部的this指向的window对象，因此上面的代码alert()的提示信息是“Frederick”。如何控制闭包的this指针呢？请看下面简单的例子：

 

var name = "Frederick";
function fn(){
     var name = "海绵宝宝",
           self = this;
     return function(){
         alert(self.name);
     }
}
fn()();//海绵宝宝