5

这会被视为 Chrome 错误还是 Safari/Firefox 宽大处理？

当我创建一个闭包函数时，我给它一个任意的名字，“按钮”。在闭包中，我有一个函数，它是闭包创建的主对象的构造函数，也称为“按钮”。

闭包返回一个对 Button 的引用，大概是内部函数 Button()。

var closure = (function Button(){

    //the closure's primary object
    function Button(target) {
        //constructor for our button object
    }

    Button.prototype = e.inherit(e.Plugin.prototype);
    Button.prototype.constructor = Button;

    return {
            Button: Button,
        };

}());

//now let's call our closure to create a new Button
var newButton = new closure.Button()

在 Safari 和 Firefox 中，这不是问题。调用 newclosure.Button() 返回内部 Button() 的一个实例。然而，在 Chrome 中，当内部函数名称与闭包函数名称匹配时，构造函数似乎不会被调用。返回的似乎是闭包函数本身。当然，当内部函数定义我稍后尝试调用的方法时，这会导致错误。

我发布这个问题有两个原因：

1）我花了一天多的时间才找到问题的原因，这是Chrome报告我的Button没有方法.activate（在我的真实代码中，Button继承自提供.activate（）的父对象方法）。如果其他人遇到这个问题，那么他们可能会在这里找到我的问题并节省一些时间。

2）我想知道：如果这是我的错误，要对闭包和闭包内的函数使用相同的名称，为什么它在 Safari/Firefox 中工作？更具体地说，Chrome 是否确实以某种方式使闭包返回本身而不是预期的内部功能？这是一个错误吗？

4

1 回答 1

1

可能不是确切的问题，但您不必要地命名了函数表达式。

var closure = (function Button(){

    //the closure's primary object
    function Button(target) {
        //constructor for our button object
    }

    Button.prototype = e.inherit(e.Plugin.prototype);
    Button.prototype.constructor = Button;

    return {
            Button: Button,
        };

}());
//now let's call our closure to create a new Button
var newButton = new closure.Button()

应该

var closure = (function (){

    //the closure's primary object
    function Button(target) {
        //constructor for our button object
    }

    Button.prototype = e.inherit(e.Plugin.prototype);
    Button.prototype.constructor = Button;

    return {
            Button: Button
        };

}());

//now let's call our closure to create a new Button
var newButton = new closure.Button();

不同之处在于顶层函数未命名。无需命名您将永远不会再使用的东西。

此外，返回对象中不应包含逗号。这应该作为语法错误出现。

此外，最后一行没有结束分号。

于 2012-11-27T17:51:08.847 回答