jQueryeach() 闭包 - 如何访问外部变量

Question

从 $.each() 中访问 this.rules 变量的最佳方式是什么？任何关于原因/方式的解释也会有帮助!

app.Style = function(node) {
    this.style = node;
    this.rules = [];
    var ruleHolder = node.find('Rule');

    $.each(ruleHolder, function(index, value) {
        var myRule = new app.Rule($(ruleHolder[index]));
        this.rules.push(myRule);
    });

    console.log(this.rules)
}

Answer 1

在调用 .each() 之前存储对 this 的引用 - 将其命名为 self，然后访问使用 self.rules 的 rules:

app.Style = function(node) {
    this.style = node;
    this.rules = [];
    var ruleHolder = node.find('Rule');

    var self = this;
    $.each(ruleHolder, function(index, value) {
        var myRule = new app.Rule($(ruleHolder[index]));
        self.rules.push(myRule);
    });

    console.log(this.rules)
}