Question

这有什么区别：

Library1 = function () {};
Library1.prototype.myFunc = function (p) {
    function helper1(p) {return p * 2; }
    function helper2(p) {return p * 4; }
    this.result = helper1(p) + helper2(p);
}

和此：

Library2 = function () {};
Library2.prototype.myFunc = function(p) {
    this.result = Library2.helper1(p) + Library2.helper2(p);
}
Library2.helper1 = function(p) {return p * 2; }
Library2.helper2 = function(p) {return p * 4; }

我得到了相同的结果：

test = new Library1();
test.myFunc(2);
window.console.log(test.result); // 12

test = new Library2();
test.myFunc(2);
window.console.log(test.result); // 12

一种方法优于另一种吗？

这篇文章暗示方法1“污染”原型：What is the proper way to declare javascript prototype functions calling helper functions。

原型中的函数声明会污染原型，而单独分配它们会有点清洁吗？

Answer 1

原型方法中的函数声明会污染原型吗？

不，因为他们是私人的。

是否将辅助功能指定为构造函数清理器的方法？

不，因为这样你污染构造函数。

一种方法优于另一种方法吗？

如果您不想污染对象，最好在方法中使用函数声明。

缺点是，每次拨打myFunc时，都必须重新创建helper1和helper2。

然后，如果你不想污染任何东西并且不希望每次都重新创建辅助方法，你可以使用

Library1 = (function() {
    function Library1() {}
    function helper1(p) {return p * 2; }
    function helper2(p) {return p * 4; }
    Library1.prototype.myFunc = function (p) {
        this.result = helper1(p) + helper2(p);
    }
    return Library1;
})();

原型中的函数声明“污染”原型吗？

1 个答案: