扩展我的命名空间中的对象

Question

我正在开发一个小库，它正在慢慢地变得不那么小。出于这个原因，我决定将我所有的函数放入myNamespace 以避免丑陋的冲突，并将其拆分为单独的文件，以便更轻松地管理代码。不幸的是，当我这样做时，我破坏了一些以前可以工作的东西——即扩展 Array 对象的功能。那是我最初的方法不起作用：

if(myNamespace === undefined) {
  var myNamespace = {};
}

myNamespace.myArray = {
    height: 0,
    width: 0
};

myNamespace.myArray.prototype = [];  

现在当我这样做时：

testArray = myNamespace.myArray;

我好像做不到：

testArray.push("test");

我该如何解决这个问题？将代码封装在命名空间中的最佳方法是什么？ 我很确定这只是我混淆了定义/实例化的对象，但我根本不知道正确的方法。

Answer 1

这不是命名空间问题——它是关于你如何定义和实例化你的类。类被定义为函数，而不是对象字面量：

// define your class
ns.MyArray = function(w, h) {
   this.width = w;
   this.height = h;
};

// set the class prototype
ns.MyArray.prototype = [];

// instantiate
var a = new ns.MyArray(5,10);
a.push("Test");
a.length; // 1
a[0]; // "Test"
a.width; // 5

您所做的只是创建一个对象字面量，然后将其分配给testArray 变量，与此相同：

var o = {};
var testArray = o;
testArray == o; // true

我不确定我是否会预料到这种行为，但它看起来像分配像 {width:0, height:0} 这样的对象文字的 prototype 会添加一个带有键“原型”的普通字段 - 实际的 prototype 是还是Object。