如何正确地将 Function.apply.bind 应用于 Promise 的解析处理程序 then()？

Question

编辑：这种方法纯粹是出于好奇。不是一个可行的解决方案，我也不会在其他地方使用。只是想了解这个特殊案例是如何运作的。

从这篇文章： https://github.com/getify/You-Dont-Know-JS/blob/master/async%20%26%20performance/ch3.md 这个假设可以工作：

function spread(fn) {
    return Function.apply.bind( fn, null );
}

Promise.all(
    foo( 10, 20 )
)
.then(
    spread( function(x,y){
        console.log( x, y );    // 200 599
    } )
)

foo() 是一个返回两个 Promise 数组的函数。 这是我的示例，它不起作用

var p1 = new Promise(function(resolve, reject) {
    resolve(55);
});
var p2 = new Promise(function(resolve, reject) {
    resolve(44);
});

Promise.all([p1, p2])
    .then(Function.apply.bind(
        function(x, y) {
            alert(x + ", " + y); // expecting popup with "55, 44"
        }, 
        null)
    );
);

谁能解释我做错了什么？

Answer 1

你没有调用 bind()，因为某种原因你把它省略了。

Promise.all([p1, p2])
    .then(Function.apply.bind(//correct
        function(x, y) {
            alert(x + ", " + y); // expecting popup with "55, 44"
        }, 
        null))
    );
);

这通过提供 apply 函数作为回调来工作，并将以下函数绑定为 thisArg。apply 的第二个参数将为 null。 thisArg 将被调用，基本上这意味着，提供的函数将由 apply 调用，没有参数。但随后“then”函数开始调用该函数，并使用它自己的参数，最后一部分是推测性的。

function(x, y) {
    alert(x + ", " + y); // expecting popup with "55, 44"
}