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

我有以下几点，我想从更高的上下文（OnSelectionStyle）向eachlayer方法传递一个参数

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

我知道我需要将其绑定到函数，但我不知道如何使用这种格式。

---

谢谢

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

---

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

---

我喜欢的是

that=this

选项。。也许您可以添加选项3。@Keith“that”指的是更高的上下文？@zahma是的，您可以使用此技术从任何上下文捕获。这就是为什么我喜欢它，而不是箭头函数，它比bind更具体，也更简单。@Keith yah似乎更简单，我会试试它（y）谢谢，我喜欢的是

that=this

选项。。也许您可以添加选项3。@Keith“that”指的是更高的上下文？@zahma是的，您可以使用此技术从任何上下文捕获。这就是为什么我喜欢它，而不是箭头函数，它比bind更具体，也更简单。@Keith yah看起来更简单，我会试试的（y）谢谢