javascript学习笔记this关键字

标签：style   blog   io   color   ar   java   sp   strong   div   

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关键字

标签：style   blog   io   color   ar   java   sp   strong   div   

原文地址：http://www.cnblogs.com/Star-xx/p/4074079.html