使用绑定功能进行二次

我们看到这种类似的代码

this.x = 9; // this refers to global "window" object here in the browser 
var module = { 
    x: 81, 
    getX: function() { return this.x; } 
}; 
module.getX(); // 81 
var retrieveX = module.getX; 
retrieveX(); 
// returns 9 - The function gets invoked at the global scope 
var boundGetX = retrieveX.bind(module); 
boundGetX();

是的，我知道的绑定将改变“这个”价值，但我迷惑代码如下

var demo=boundGetX.bind(this);// or boundGetX.bind(window); 
demo();// still 81

再次使用绑定，我认为它会改变“this”指向“窗口”，但它不是。我不知道为什么。

来源

2017-07-31 thinkmoe

'boundGetX'将是一个函数，它调用模块上的retrieveX，而不管它接收到了什么'this'值。现在，如果你再次“绑定”，那么'window'就会被忽略。 – Bergi

必须有一个副本，对吧？任何人？ – Bergi

bind返回一个新函数，它在调用时保持原始函数的上下文完好无损。它在本质上做到这一点：

function bind(originalFunction, context) { 
    return function() { 
     originalFunction.call(context); 
    }; 
}

不管你如何调用绑定功能，或者你做的，还有什么，originalFunction将与特定的上下文调用。您可以重新绑定该绑定函数，该函数将返回另一个新函数，但不会影响“内部包装”原始函数和上下文。

来源

2017-07-31 12:27:04 deceze

使用绑定功能进行二次

回答

相关问题