面试官： call、apply和 bind有什么区别？-阿里云开发者社区

面试官： call、apply和 bind有什么区别？

2023-08-21 49

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 面试官： call、apply和 bind有什么区别？

我们知道call、apply、bind 的作用是改变 this的指向，那么我们为什么要改变this的指向？

场景例子：

/* 
  改变this指向 call, apply 和 bind
*/
let obj = {
  name: '小红',
  say: function(sex, age) {
    console.log(this.name, sex, age'结果')
  }
}
obj.say('女', 12) 
// 打印结果 小红 女 12 
再建一个对象：
let obj2 = {
  name: '小明'
}
// obj2.say(); // Uncaught TypeError: obj1.sayHello is not a function

obj2也想用 say 方法且自己不创建，该怎么办？此时就需要用到这三个方法, 改变obj的this指向，将其指向obj2，就可以调用say方法

1、call

用法：call(target, arg1, arg2, ...), target 需要指向的目标对象，即boj2，arg1 为参数

let obj = {
  name: '小红',
  say: function(sex, age) {
    console.log(this.name, sex, age, '岁')
  }
}
let obj2 = {
  name: '小明'
}
obj.say.call(obj2, '男', 12)
// 小明 男 12 岁

2、apply

用法：apply(target, [arg1, arg2]), target 需要指向的目标对象，即boj2，arg1 为参数，参数为数组的形式

let obj = {
  name: '小红',
  say: function(sex, age) {
    console.log(this.name, sex, age, '岁')
  }
}
let obj2 = {
  name: '小明'
}
obj.say.apply(obj2, ['男', 12])
// 小明 男 12 岁

3、bind

用法：bind(target, arg1, arg2, arg3, ...), target 需要指向的目标对象，即boj2，arg1 为参数

let obj = {
  name: '小红',
  say: function(sex, age) {
    console.log(this.name, sex, age, '岁')
  }
}
let obj2 = {
  name: '小明'
}
obj.say.bind(obj2, '男', 12)()
// 小明 男 12 岁