0

我从 EASELJS 库继承了一个对象。为了简化问题，我将代码简化为最小形式。

我有一堂课：

this.TESTProg = this.TESTProg || {};

(function() {
    var _jsbutton = function(x, y, text, icon) {
        p.init(x, y, text, icon);
    };

    var p = _jsbutton.prototype = new createjs.Container();

    p.x = 0;
    p.y = 0;
    p.text = null;
    p.icon = null;

    p.init = function(x, y, text, icon) {
        this.x = 0 + x;
        this.y = 0 + y;
        this.text = "" + text;
        this.icon = null;
    };

    TESTProg._jsbutton = _jsbutton;
})();

然后我在另一个 js 对象中使用它：

    var buttoncancel = new SJSGame._jsbutton(
            profileselConfig.cancelx,    //this is defined in another jsfile:
            profileselConfig.cancely,
            "cancel", "_cancel.png");

    console.log( buttoncancel.y );  //this gives 240

    var buttoncancel2 = new SJSGame._jsbutton(
            profileselConfig.cancelx,
            profileselConfig.cancely - 40,
            "cancel", "_cancel.png");

    console.log( buttoncancel.y );    //this gives 200
    console.log( buttoncancel2.y );   //this gives 200

    buttoncancel2.y = 100;
    console.log( buttoncancel.y );    //this now gives 200 (not changed by the second object)
    console.log( buttoncancel2.y );   //this now gives 100

配置文件：

var _profileselConfig = function(){
    this.cancelx = 0;
    this.cancely = 240;
};

profileselConfig = new _profileselConfig();

我做错了什么？

我已经在使用 0 + 来避免传递引用并且它不起作用。我现在该怎么办？有什么建议么？谢谢。

4

1 回答 1

0

您可能应该调用this.init而不是p.init在构造函数中调用。

当你调用p.init时，this里面是init指原型。因此，每当您创建实例时，您的p.init调用都会修改所有 _jsbutton对象的原型。

这就是为什么两个按钮具有相同的 x/y 值的原因：它们都从同一个原型中获取它们的位置，并且最后运行的构造函数设置了原型值。当您buttoncancel2.y在构造函数之外设置时，您为该实例提供了自己的y属性，因此它不再使用共享原型值。

如果你调用this.init你的构造函数，那么thisininit将引用你新创建的实例。实例将不再使用 、 、 和 的x共享y原型text值icon。

旁注：“我已经使用 0 + 来避免传递引用”——这不是必需的，因为原始类型总是被复制的。

于 2013-08-22T14:49:23.663 回答