javascript - 函数和对象中的闭包

Question

下面的片段完全一样。第一：

var obj_button = {
    clicked: 1,
    click: function() {
        console.log(clicked);
    }
};

第二个：

var Func_button = function() {
    var clicked = 1;
    this.click = function() {
        console.log(clicked);
    }
}

但是当我想使用闭包时，第一种方法失败了：

func = new Func_button();
func.click(); // OK - works fine, outputs 1
obj_button.click(); // FAIL - he don't know what is "clicked"

所以我的问题是：为什么在第一种方法中，方法 click() 无法看到“点击”参数。闭包不应该覆盖这个参数（就像在第二个例子中一样）？

score 4 · Accepted Answer

不，因为clicked在第一个实例中是在对象范围内，而在第二个实例中是在函数范围内。 this.click = function也在函数范围内，但内容click: function () {在不同的范围内。

要使第一个示例正常工作，您可以使用：

console.log(this.clicked);

如果您重写第二个示例，您也可以看到相同的行为：

var Func_button = function() {
    this.clicked = 1;
    this.click = function() {
        console.log(clicked);
    };
}

现在，func.clicked将返回1，但调用func.click()将导致相同的错误。

1 回答 1