Пользовательский массив Функция, использующая прототип. новый MyArray (1,2,3,4) не работает

Question

Все, что мне нужно, это настраиваемая функция, которая будет действовать как объект Array. Когда я создаю объект, он должен действовать так же, как и new Array(1,2,3,4). Он должен создать массив элементов.

<script type="text/javascript"> 

function MyArray(){ 

} 

MyArray.prototype=Array.prototype; 

var collection = new MyArray(1, 2, 3, 4); 


console.log(collection); 


// My code should act like. 

var coll= new Array(1,2,3,4); 

console.log(coll); 

</script> 

Answer 1

вы можете вернуть экземпляр массива в функции конструктора

function MyArray(){ 
    return new Array(); 
} 

Обратите внимание, что в этой ситуации, потому что ваша функция конструктора явно возвращает объект, следовательно, неявное возвращение этойwill be ignored.

Но в этом случае возвращаемый объект делает не следовать MyArray.prototype, он будет связан с Array.prototype вместо этого.

Answer 2

Его работы.

function MyArray() { 
    var arr = [ ]; 
    arr.push.apply(arr, arguments); 
    arr.__proto__ = MyArray.prototype; 
    return arr; 
} 

MyArray.prototype = new Array; 

// Add custom functions here to MyArray.prototype. 
MyArray.prototype.last = function() { 
    return this[this.length - 1]; 
}; 

var sub = new MyArray(1, 2, 3); 


console.log(sub); 
</script> 

Answer 3

Вы можете инициализировать экземпляр, проверяя аргументы в конструкторе и подталкивать их, если это применимо. Вы можете спросить себя, действительно ли вам нужен пользовательский конструктор , чтобы имитировать Array. Если вам нужны специальные методы, расширение Array.prototype может быть лучшим вариантом. Приложенный фрагмент демонстрирует это тоже.

function MyArray() { 
 
    if (arguments.length) { 
 
    [].push.apply(this, arguments); 
 
    } 
 
} 
 
MyArray.prototype = new Array; 
 

 
var resultdiv = document.querySelector('#result'); 
 

 

 
// create new instance of MyArray 
 
var foo = new MyArray(1, 2, 3, 4, 5, 6); 
 

 
// downside: you can't do this 
 
foo[foo.length] = 7; 
 

 
// use MyArray for reporting 
 
var report = new MyArray('<code>foo length: ', 
 
          foo.length, 
 
         ', foo: [', 
 
          foo, 
 
         ']<br><b>@abforce</b>: ', 
 
         'foo.hasOwnProperty(\'length\') =&gt; ', 
 
          foo.hasOwnProperty('length'), 
 
         '</code>'); 
 

 
resultdiv.innerHTML = report.join(''); 
 

 
// alternative: adding custom methods to Array.prototype 
 
Array.prototype.lastItem = function() { 
 
    return this[this.length-1]; 
 
}; 
 

 
var bar = [1,2,3,4,5,6]; 
 

 
// now you can 
 
bar[bar.length] = 7; 
 

 
resultdiv.innerHTML += ['<br><code>bar last item: ', 
 
         bar.lastItem(), 
 
         '</code>'].join('');

<div id="result"></div>