萌新求教！先bind再apply的结果怎么回事哈啊？

Question

constobj={s:'s1',getS(){console.log(this.s);}}consto={s:'s2'}letf=obj.getS.bind(obj);f.apply(o);//s1查了网上说bind多次绑定只有第一次是有效的，原理解析什么的没看懂。上面这段代码是先bind绑定，然后使用apply改变this的指向，按我这样理解的话，应该是输出s2。但是正确结果却是s1，是不是跟“bind的多次绑定只有第一次是有效的”有关？有没有哪位大佬能给我解析一下为什么会是这个结果。

Answer 1

bind的作用是生成一个新函数，且永久的改变该函数的this指向。用apply和call可以模拟bind，简单实现如下
functionbind(fn,scope){
returnfunction_bindFn(){
fn.apply(scope,arguments)
}
}
所以你的函数f就是下面的函数
function_bindFn(){
obj.getS.apply(scope,arguments)
}
这里的scope已经因为闭包的关系永久的定性为obj了。
当我们再对f进行bind的时候，就相当于生成了一个新函数
functionbind1(){
(function_bindFn(){
obj.getS.apply(scope,arguments)
}).apply(scope1,arguments)
}
bind1运行的时候，scope1改变了_bindFn中的this，但是_bindFn中的this是无效的，因为最终运行的是受scope影响的obj.getS。这就是bind嵌套发生的过程，无论嵌套多少次，最终运行的都是obj.getS.apply(scope,arguments)
理解了上面的，那么f.apply(o)为什么输出s1就简单了。