apply,call,bind区别及使用

2022-01-14

字数统计: 244字 | 阅读时长≈ 1分

需要改变 this 指向

var name = "lucy";
var obj = {
  name: "martin",
  say: function () {
    console.log(this.name);
  },
};
obj.say(); // martin，this 指向 obj 对象
obj.say.bind(obj); // lucy，this 指向 window 对象

区别

apply 第一个参数，要指向的 this，第二个参数要传递的参数，以数组的方式传递，改变 this 指向后立即执行，只临时改变 this 指向一次

function fn(...args) {
  console.log(this, args);
}
let obj = {
  myname: "张三",
};

fn.apply(obj, [1, 2]); // this会变成传入的obj，传入的参数必须是一个数组；
fn(1, 2); // this指向window

当第一个参数为 null undefined 默认指向 window

1 2	fn.apply(null, [1, 2]); // this指向window fn.apply(undefined, [1, 2]); // this指向window

call 第一个参数也是 this 指向，后面传递参数列表,改变 this 指向后立即执行，同样只临时改变 this 指向一次

function fn(...args) {
    console.log(this,args);
}
let obj={
    myname='李四'
}

fn.call(obj,1,2)
fn(1,2)

本文作者： 不想
本文链接： https://evacat.top/2022/01/14/js/apply,call,bind区别及实现/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！