JavaScript为何屡次绑定只有一次生效？

接上篇文章JavaScript重识bind、call、apply

一、 先看一段代码：

function foo() {
    console.log("name: " + this.name);
}
var obj = { name: "obj" }, obj2 = { name: "obj2" }, obj3 = { name: "obj3" };
foo.bind(obj).call(obj2)  // name: obj
foo.bind(obj).bind(obj2)()  // name: obj
复制代码

因此为何bind只有第一次bind生效呢？

解释

这里想简单解释一下； foo.bind(obj).bind(obj2)() 从左到右执行；

1. foo.bind(obj) 返回一个函数，这个函数其实回去执行 apply的操做，叫foo1； 那么在此次绑定是的是 foo.apply去绑定 obj；
2. 而后 foo.bind(obj) 返回的这个函数，咱们暂且称做fooB, 而后fooB.bind(obj2)又会返回一个要去执行apply的函数，叫 foo2； 就是foo.bind(obj).bind(obj2)了
3. foo.bind(obj).bind(obj2)();

bind分解.png

结论

因此不管foo执行多少bind 都是第一次bind的对象！

后面的bind只能改变上一个bind的this指向，例如foo.bind(obj).bind(obj2) 改变的是 foo.bind(obj)的this指向是obj2； 最终foo执行是的绑定的this是由第一次bind的对象决定，即foo.bind(obj)的obj