JavaScript函数封装在对象之外

Question

请参阅以下脚本：

var x = function(param){
    this.data=param;

    this.y = function(){
        alert(this.data)
    }

    return this;
}

/*
    x.prototype.z = function(){
        alert(this.data);
    }
*/

x(123).y();
x(123).z(); // This should behave same as y()

当我调用x(123).y()时，消息显示123。在 x() 内部声明的函数 y()

现在我想声明另一个函数 z() 位于 x() 之外，但行为与 y() [与x()关联]

可能吗？如果可以的话怎么办？

Answer 1

调用 x() 时缺少 new。否则，函数体内的 this 将引用全局对象（浏览器上下文中的 window），而不是 x 的实例。

这就是为什么调用 z() （取消注释代码后）不起作用的原因。调用 y() 仅在您创建全局变量 data 时偶然发生，其值将被下一次调用 x() 覆盖。

---

我不知道你想实现什么目标，从我看来，这很可能不是一个好主意。无论如何，下面是一个如何在创建对象时摆脱显式 new 的示例：

var x = function(param){
    // add missing `new`:
    if(!(this instanceof x))
        return new x(param);

    this.data=param;

    this.y = function(){
        alert(this.data)
    }
}


x.prototype.z = function(){
    alert(this.data);
}

x(123).y();
x(456).z();

Answer 2

这是可能的，如果您修复了创建 x 的方式，则注释掉的 z 函数应该按原样工作。

请注意，如果您的函数 y 只处理实例属性（在您的代码中就是如此），则不必在构造函数内声明，并且这样做会产生显着的内存成本（每个实例都会获得该函数的自己的副本）。考虑到所涉及的成本，只有在出于主要数据隐藏原因而绝对必须这样做时，您才愿意这样做。

编辑：抱歉，我错过了一些东西：您缺少 new 关键字，您的示例应该是：

new x(123).y();
new x(123).z();

...并且您的构造函数不应返回 this。

完整示例：

var x = function(param) {

    this.data=param;

    // Doesn't have to be in the constructor, and you should
    // avoid it unless you're doing something with major
    // data hiding a'la Crockford
    this.y = function() {
        alert(this.data)
    }
}

x.prototype.z = function() {
    alert(this.data);
}

new x(123).y();
new x(123).z();

这是我上面提到的 Crockford 文章，但同样，它对内存有很大的影响。

Answer 3

function generator( param ) {
    this.data = param;
    this.y = function() {
        alert( this.data )
    }
}

generator.prototype.z = function() {
    alert( this.data );
}

x = new generator( 3 );
x.y()
x.z()

不确定这是否是您想要的，但这是一个名为 generator 的构造函数，它返回一个对象，并且在其外部使用 new 关键字定义了一个原型方法。

正如其他人所说：

• 您不需要在构造函数中返回 this，
• 您可以使用 new 关键字调用它，
• 所有用 this 声明的方法都是公共的除非你使用 var 在这种情况下它们变成私有的