为什么我的原型函数中'this'等于'Window'？

Question

我有一个prototype功能写在Array类像

Array.prototype.myfunc =() => 
{ 
    // ... 
} 

和身体this指的是window当我把它称为一个数组像

var result = [1, 69, -1, 1].myfunc(); 

我怎样才能使参考范围内到它被调用的数组？

Answer 1

该() => { }箭头语法绑定到当前this这可能是window（取决于您何时分配函数）。

Answer 2

ES6中的胖箭头语法是对当前作用域的隐式绑定。

如果您当前的作用域为Window（或全局作用域），那么您在原型上设置的函数将绑定到该作用域。

对于没有绑定的行为，您仍然需要良好的ol'function()语法。

Answer 3

这里只是不使用箭头函数，箭头函数继承父范围的上下文。

Array.prototype.myfunc = function() { 
    // ... 
} 

Answer 4

是什么造成您的问题是使用箭头功能的。

在箭头功能，所述this关键字可引用：

1. 窗口（如果全局访问，而不是在严格模式下），
2. 未定义（如果全局访问，在严格模式下），
3. 实例（如果在构造函数中），
4. 对象（如果在对象或实例内的方法或函数）或
5. 一个绑定/应用价值。

要解决你的问题，你必须使用一个“正常” function()，并且可以调用使用call(this, ...params)你的函数：

• 在this你把对象你想要的关键字this到绑定到和
• 在..args你把你的函数的参数如果有的话。

因此，上述想法，你的代码可以如下所示：

Array.prototype.myfunc = function(...) { 
    // Your code 
} 

var array = [1, 69, -1, 1]; 
var result = myfunc.call(array, ...); 

• 使用array作为第一个参数在call()，你绑定this关键字到array。