通过一段代码简单说js中的this的使用
通过一段代码简单说js中的this的使用
发布时间:2016-12-30 来源:查字典编辑
摘要:今天有朋友说遇到如下代码,让我帮解释原因复制代码代码如下:varname="TheWindow";varobject={name:"MyOb...

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

复制代码 代码如下:

var name = "The Window";

var object = {

name : "My Object",

getNameFunc : function(){

return function(){

return this.name;

};

}

};

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

简单说如果你调用一个函数的时候使用“对象.函数名”的方式,那么this就是这个.(点)之前的对象,否则是window。

比如你在调用object.getNameFunc()的时候getNameFunc函数体中的this是刚声明的object。如果你写成

复制代码 代码如下:

var func = object.getNameFunc;

func();

这时候getNameFunc函数体中的this是window,虽然是同一函数调用方式的不同决定了this的不同。

同样的道理,object.getNameFunc()返回的是一个函数引用,加一个括号就是让函数执行。其实相当于如下代码

复制代码 代码如下:

var func = object.getNameFunc();

alert( func() );

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

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类