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

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