关于bind函数

前面的话

最近写面试题，又遇到了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及其形参都不可变!