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 lgscall方法第一个参数指定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 相关推荐
chunianyo 2020-06-04
xjp 2020-05-26
Alanxz 2020-03-04
歆萌 2020-02-10
chunianyo 2019-12-12
APCDE 2019-12-10
无情的你无情的雨 2020-06-16
grantlee 2020-05-28
Roka 2020-05-25
天空一样的蔚蓝 2020-05-02
nangongyanya 2020-04-19
shufen0 2020-04-14
humanbeng 2020-03-05
liwf 2020-02-17
tianchaoshangguo 2020-01-04
julien 2020-01-02
齐天大圣数据候 2019-12-28
杨友山 2019-12-25