前面的话
最近写面试题,又遇到了call、apply、bind这三个函数。 这篇文章再来介绍一下bind。
关于bind
bind之所以要拿出来单独说,是因为它与call,apply又存在一些不同。call与apply在改变this的同时,就立刻执行,而bind绑定this后并不会立马执行,而是返回一个新的绑定函数。
let o = {
a: 1
};
function fn(b, c) {
console.log(this.a + b + c);
};
let fn1 = fn.bind(o, 2, 3);
fn1();//6
尝试打印返回的新函数fn1,可以看到它并不是一个普通的function,而是一个bound function,简称绑定函数:
它的TargetFunction指向了bind前的函数,BoundThis就是绑定的this指向,BoundArgs便是传入的其它参数了。
当我们执行fn1时,就有点类似于TargetFunction.apply(BoundThis,BoundArgs)。
我们可以得出一个结论,当执行绑定函数时,this指向与形参在bind方法执行时已经确定了,无法改变。
let o1 = {
a: 1
};
let o2 = {
a: 2
};
function fn(b, c) {
console.log(this.a + b + c);
};
let fn1 = fn.bind(o1, 2, 3);
//尝试再次传入形参
fn1(4, 4); //6
//尝试改变this
fn1.call(o2); //6
使用bind函数,this及其形参都不可变!