通过一段代码简单说js中的this的使用

本文通过一段代码与大家简单说说js中this的使用及相关问题感兴趣的朋友可以参考下哈希望对大家有所帮助

今天有朋友说遇到如下代码让我帮解释原因

复制代码 代码如下:
var name = "The Window";
var object = {
name : "My Object"
getNameFunc : function(){
return function(){
return thisname;
};
}
};

alert(objectgetNameFunc()());原因是js的this是动态决定的和你调用方式有直接关系

简单说如果你调用一个函数的时候使用“对象函数名”的方式那么this就是这个(点)之前的对象否则是window
比如你在调用objectgetNameFunc()的时候getNameFunc函数体中的this是刚声明的object如果你写成

复制代码 代码如下:
var func = objectgetNameFunc;
func();

这时候getNameFunc函数体中的this是window虽然是同一函数调用方式的不同决定了this的不同
同样的道理objectgetNameFunc()返回的是一个函数引用加一个括号就是让函数执行其实相当于如下代码

复制代码 代码如下:
var func = objectgetNameFunc();
alert( func() );

函数前没有“对象”这种形式所以执行函数时候this是window结果就很明显了

以后我会写一篇关于js this的文章欢迎大家关注我的CSDN博客tt