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
相关推荐
chunianyo 2020-06-04
xjp 2020-05-26
Alanxz 2020-03-04
歆萌 2020-02-10
chunianyo 2019-12-12
APCDE 2019-12-10
lzzyok 2020-10-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