this 的值取决于 function 被调用的方式,一共有四种,具体如下:
1,如果一个 function 是一个对象的属性,该 funtion 被调用的时候,this 的值是这个对象。
<SCRIPT LANGUAGE="JavaScript">
<!--
var name="outer";
var myObj={
name : "inner",
fun : function(){
alert(this.name)
}
}
myObj.fun();//打印"inner"
//-->
</SCRIPT>
2,如果一个 function 不是作为一个对象的属性,那么该 function 被调用的时候,this 的值是全局对象。
<SCRIPT LANGUAGE="JavaScript">
<!--
var name="outer";
var obj={
name : "inner",
fun : function(){
-function(){
alert(this.name)
}()
}
}
obj.fun();//打印"outer"
//-->
</SCRIPT>
3,如果在一个 function 之前使用 new 的话,会创建一个新的对象,该 funtion 也会被调用,而 this 的值是新创建的那个对象。
如function User(name) {this.name = name}; var user1 = new User("Alex");中,通过调用new User("Alex"),会创建一个新的对象,以user1来引用,User这个 function 也会被调用,会在user1这个对象中设置名为name的属性,其值是Alex。
4,可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值,两者不同的是调用的实际参数在 apply 中是以数组的形式作为第二个参数传入的,而 call 中除了第一个参数之外的其它参数都是调用的实际参数。如func.apply(anotherObj, [arg1, arg2])中,func调用时候的 this 指的是anotherObj,两个参数分别是arg1和arg2。同样的功能用 call 来写则是func.call(anotherObj, arg1, arg2)。
<SCRIPT LANGUAGE="JavaScript">
<!--
var name="outer";
var obj={
name : "inner",
fun : function(){
alert(this.name)
}
}
obj.fun();//打印"inner"
obj.fun.apply(window);//打印"outer"
//-->
</SCRIPT>
分享到:
相关推荐
详解Javascript 中的this指针
都说 JavaScript 是一种很灵活的语言,这其实也可以说它是一个混乱的...它把函数式编程和面向对象编程糅合一起,再加上动态语言特性,简直强大无比,下面小编给大家介绍Javascript中this详解,需要的小伙伴可以来参考下
高手详解javascript中的this指针
NULL 博文链接:https://wv1124.iteye.com/blog/505231
JavaScript中的this指向问题详解 相信我,只要记住本文的 7️⃣ 步口诀,就能彻底掌握 JS 中的 this 指向。 先念口诀:箭头函数、new、bind、apply 和 call、欧比届点(obj.)、直接调用、不在函数里。 按照口诀...
详解Javascript 中的this指针
详解JavaScript中this关键字的用法_.docx
详解javascript中的this对象.docx
JavaScript 中的this 总是让人迷惑,应该是js 众所周知的坑之一。 个人也觉得js 中的this 不是一个好的设计,由于this 晚绑定的特性,它可以是全局对象, 当前对象,或者…有人甚至因为坑大而不用this。 其实如果...
详解javascript中的this对象.pdf
this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。今天我们就来详细探讨下this的使用
高手详解javascript中的this指针.pdf
this是Javascript语言的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,下面分四种情况,详细讨论this的用法,感兴趣的朋友可以了解下
主要介绍了js中this用法,实例分析了this指向windows、指向对象及改变this指向的相关技巧,需要的朋友可以参考下
基于js中this和event 的区别(详解).docx
高手详解javascript中的this指针借鉴.pdf
详解javascript中的this对象[参照].pdf
JavaScript函数this指向问题详解 目录 一、 函数内 this 的指向1、普通函数2、构造函数3、对象方法4、事件绑定方法5、定时器函数6、立即执行函数二、改变函数内部 this 指向1、call 方法2、apply 方法3、bind ...