underscore.js各函数

Question

我在用underscore.js。我使用下划线selectedCharges函数遍历each数组，但不能访问循环中的selectedCharges变量。

_.each(this.selectedCharges, function(selectedCharge, key){
    if(selectedCharge._id == charge._id){
        this.selectedCharges.splice(key,1); // get error from this line  
    }
});

Answer 1

这是因为作用域在循环中发生变化，您可以通过使用this函数将您的函数绑定到绑定函数来保持相同的作用域。

bind()方法创建一个新函数，当调用该函数时，它的this关键字设置为提供的值，在调用新函数时，在任何提供的参数之前都有给定的参数序列。

代码示例：

_.each(this.selectedCharges, function(selectedCharge, key){
    if(selectedCharge._id == charge._id){
        this.selectedCharges.splice(key,1);  
    }
}.bind(this));

Answer 2

现在，javascript对大多数下划线特性都有本机支持。见https://www.reindex.io/blog/you-might-not-need-underscore/。

下划线的答案是：

var filteredCharges = _.filter(this.selectedCharges, function(selectedCharge){
    return selectedCharge._id !== charge._id;
});

本土化的答案是：

const filteredCharges = this.selectedCharges.filter(selectedCharge => {
    return selectedCharge._id !== charge._id
});