形貌

function fn1(){
    console.log(1);
}
function fn2(){
    console.log(2);
}
fn1.call(fn2); // 输出1
fn1.call.call(fn2); // 输出2

问题

看到这个问题，第一反应是蒙圈的。

fn1.call(fn2); 这个是明白的。
fn1.call.call(fn2);这个蒙圈了。

明白

有些绕，需要多念叨念叨琢磨琢磨。

call 方式是Function.prototype原型上天生自带的方式，所有的函数都可以挪用的。

我以为 call方式自己没有详细return什么出来，以是是undefined。

Function.prototype.call=function call(context){
    // [native code]
    // call方式的功效
    // 1. 把指定函数中的this指向context
    // 2. 把指定函数执行
    
    // 那么call方式中的this，即为指定函数。也就是说
    // 1. 把this中 的 this关键字指向context;
    // 2. 把指定函数执行this();
};

fn1.call(fn2);

根据上面的明白

1. call 方式中的this是fn1
2. 把call方式中的this（fn1）中的this指向fn2
3. 挪用 call方式中的this

以是挪用的是 fn1 ，此时fn1中的 this 指向的是 fn2。
然则这个方式内里并没有使用this，而是直接输出了1。

fn1.call.call(fn2);

根据上面的明白

1. call 方式中的 this 是 fn1.call【所有函数都可以挪用call，挪用的是原型上call方式】
2. 把call方式中的this (fn1.call) 中的this 指向fn2
3. 挪用call方式中的this

以是挪用的是 fn2(这里有些绕，多念叨念叨琢磨琢磨)，此时fn1.call中的this指向的是fn2。
它改变了call方式（Function.prototype原型上的call）的this指向。
此处挪用了call方式中的this，即挪用了fn2，输出了2。

来自：https://segmentfault.com/a/1190000019654594

链接: http://www.fly63.com/article/detial/3997