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

 

 

 

你可能感兴趣的:(js,this绑定,call,bind,apply)