Question

我想创建一个像数组一样工作的对象集合。前段时间，我做了this question，并在帮助我的人的帮助下提出了以下解决方案：

Newobj.Collection = function(){
    Array.apply(this);

    for(var i = 0; i < arguments.length; i++){
        for(var j = 0; j < arguments[i].length; j++){
            this.push(arguments[i][j]);
        }
    }

    return this
}

Newobj.Collection.prototype = Object.create(Array.prototype);
Newobj.Collection.prototype.push = function(o){
    Array.prototype.push.call(this, new Newobj.Element(o));
}

然而，这使得孩子与父母没有联系。例如，想象一下这个集合有一个render()函数，它让孩子们在页面上打印一些HTML。好吧，我希望能说出类似的话：

Newobj.Collection.html_container = '#cont';

Newobj.Collection.render = function(){
    $.each(this, function(i, el){
        el.render()
    })
}

Newobj.Element.render = function(){
    $(parent.html_container).html('.......')
}

它应该能够在一个页面中设置不同的集合，因此为所有container制作全局Newobj.Collection不是解决方案。这是一个例子，我需要这个来处理比render()函数更复杂的过程。

任何人都知道如何创建一个数组才能访问它所属的父类？

如果解决方案可以JSON.stringify并且在服务器端被视为一个数组，它也会很棒，尽管这不是这个问题的主要问题。现在，如果我将一个属性设置为数组，它将被视为服务器端size > 0的对象。

谢谢！

Answer 1

在元素中创建对集合的引用：

Newobj.Collection.prototype.push = function(o){
  Array.prototype.push.call(this, new Newobj.Element(o,this));
}

//element constructor gets as second paramater instance of collection
Newobj.Element=function(o,collection){

  //this.parent in every element is collection reference
  this.parent=collection;
}


Newobj.Element.prototype.render = function(){
   $(this.parent.html_container).html('.......')
}

或元素选项中没有引用：

Newobj.Collection.render = function(){

  var parent=this;

  $.each(this, function(i, el){
    el.render(parent.html_container)
  })
}

Newobj.Element.render = function(html_container){
  $(html_container).html('.......')
}

但是这个版本需要有方法参数。

Javascript - 具有共同父属性的对象的集合

1 个答案: