js this绑定 call apply bind 用法

阅读更多

   一直以来虽然经常用到call,apply,bind三种方法，但是对其具体的用法区别总是模模糊糊，今天终于查明白了。

 

1.call

 

   首先看个例子

var name = "czm"
var me = {
   name: 'lgs'
};
var you = {
   name: 'cy'
};
　
function getUserName() {
    console.log(this.name);
}
　
getUserName();           //=>czm
getUserName.call(me);    //=>lgs
getUserName.call(you);  //=>cy

    在第一次直接调用getUserName函数后，函数的关键字的绑定对象为全局对象，同时在 全局对象中name属性是czm，所以也就产生了 czm

 

  第二次、第三次getUserName通过call 方法指明this的绑定对象

apply方法就指定this的绑定对象来说，方法相同，不同的地方是参数的传递的用法不同

 

 

var me = {
   name: 'lgs',
   lover : null
};
var you = {
   name: 'cy',
   lover:null
};
　
function getUserLover(lover) {
    console.log(this.name + " love " +lover);
}
　
getUserLover.call(me, 'cy');    //=>lgs love cy
getUserLover.apply(you,['lgs']);  //=>cy love lgs

  call方法第一个参数指定this绑定对象，后面可以添加多个参数，相当于对getUserLover传参，而apply方法第一个参数和call相同，指定this的绑定对象，第二个参数为数组，数组内顺序指定getUserLover方法的参数

 

  call方法和apply方法都会调用getUserLover方法，而bind方法，回返回一个新的函数，

 

 

var get_user_lover = getUserLover.bind(me); //指定this绑定对象
get_user_lover("cy");  // 顺序传参和普通方法的调用相同 => lgs love cy