如何绑定到以函数为参数的函数

Question

我有以下内容我想将一个参数从更高的上下文onDeselectionStyle传递给eachlayer方法。

clearAll: function(){
        this.map.eachLayer(function(layer){
            if(layer.options.clicked == true){
                layer.options.clicked == false;
                layer.setStyle(this.onDeselectionStyle);
            }
        })
    }

我知道我需要将它绑定到函数，但我不知道如何以这种格式执行此操作。 谢谢

Answer 1

选项1

您可以在函数声明中使用原型绑定方法：

clearAll: function () {
    this.map.eachLayer(function (layer) {
        if (layer.options.clicked == true) {
            layer.options.clicked == false;
            layer.setStyle(this.onDeselectionStyle);
        }
    }.bind(this))
}

选项2

如果您使用的是ES6，则可以使用将使用父范围的箭头功能：

clearAll: function () {
    this.map.eachLayer(layer => {
        if (layer.options.clicked == true) {
            layer.options.clicked == false;
            layer.setStyle(this.onDeselectionStyle);
        }
    })
}

选项3

这个与绑定上下文没有多大关系，但您可以将范围存储在稍后可以使用的可访问变量中：

clearAll: function () {
    var that = this;
    this.map.eachLayer(function(layer) {
        if (layer.options.clicked == true) {
            layer.options.clicked == false;
            layer.setStyle(that.onDeselectionStyle);
        }
    })
}