浅析javascript闭包中的this
浅析javascript闭包中的this
javascript本身是一种入门比较容易的脚本语言,这几年随着互联网的如火如荼的发展,javascirpt也一跃成为了炙手可热的前台脚本语言了,这里想简单总结下一个容易让初学者困惑的概念——闭包中的this。作为一个软件开发人员,还是直入主题,看看下面的代码吧:)
Js代码1.var name = "Frederick";
2.function fn(){
3. var name = "海绵宝宝";
4. return function(){var name = "Frederick";
5. alert(this.name);
6. }
7.}
8.fn()();//Frederick有的朋友可能会问为什么alert()弹出的是“Frederick”而不是“海绵宝宝”呢?这里就设计到了闭包作用域内的this关键字的引用问题,请记住一般情况下闭包内部的this指向的window对象,因此上面的代码alert()的提示信息是“Frederick”。如何控制闭包的this指针呢?请看下面简单的例子:
Js代码1.var name = "Frederick";
2.function fn(){
3. var name = "海绵宝宝",
4. self = this;
5. return function(){
6. alert(self.name);
7. }
8.}
9.fn()();//海绵宝宝 谢谢分享 后一段代码并不能显示“海绵宝宝”
这是修正后的代码
var name = "Frederick";
var fn={};
fn ={
name : "海绵宝宝",
xx : function(){
var name = "abc";
alert(this.name);
},
}
fn.xx(); //海绵宝宝
var ab = fn.xx;
ab(); //Frederick
alert(this.name);//Frederick
alert(fn.name);//海绵宝宝
页:
[1]