如何绑定到以功能为参数的功能

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);
        }
    })
}