功能和对象的闭包

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（）无法看到“clicked”参数。封闭不应该覆盖这个参数（就像在第二个例子中一样）？

Answer 1

不，因为第一个实例中的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()会导致同样的错误。