首页 > 代码库 > javascript学习笔记this关键字

javascript学习笔记this关键字

this

this是谁,和在那儿定义和执行的function没关系,只跟这个函数是谁调用有关,this就是函数执行的主题,谁执行,this就是谁。

方法名()我们只需要关注方法名之前有没有.有的话.前是谁this就是谁。如果方法名前没有.一般情况下this指向的是全局对象window。

当没有明确的执行时的当前对象时,this指向全局对象window。

给一个元素绑定事件,this就是这个元素。

 

举个栗子

var person1= {    name: "张三",    showName: function(){        alert(this.name);    }};var person2= {    name: "李四",    showName: person1.showName}
person2.showName();  //李四

如上代码,person2中的showName虽然指向的是person1但是最终执行的结果是person2中的值。

总结出来也就一句话:this是谁,和在那儿定义和执行的function没关系,只跟这个函数是谁调用有关,this就是函数执行的主题,谁执行,this就是谁。

 

补充:call、apply和bind

call和apply都是用来处理this关键字指向的方法。

每个函数都有call和apply,并且是非继承而来的。

call和apply的用法相同唯一不同的是接收的参数不同。

call接收的是this重定向的对象和参数列表。

apply接收的是this关键字和一个参数集合。

 

bind()方法   支持此方法的浏览器有IE9+、Firefox4+、Safari5.1+、Opera12+、Chrome。它是属于ECMAScript5的方法。

用法和call、apply一样,作用也一样用来修改this关键字。

拿上面的栗子炒一下(修改一下)

var person1= {    name: "张三",    showName: function(){        alert(this.name);    }};var person2= {    name: "李四",    showName: person1.showName}person2.showName.call(person1);  //张三person2.showName.apply(person1);  //张三person2.showName.bind(person1);  //张三

 

javascript学习笔记this关键字