Estensione di Array da TypeScript

Question

Cosa sto facendo male nel mio codice qui sotto?

Sto provando ad estendere Array sulla mia classe MyNumberList e poi cercando di usarlo. Quello che vedo è che nessun elemento sembra essere aggiunto alla lista. Ricevo un valore undefined quando tento di accedere agli elementi dell'elenco.

P.S Sto usando dattiloscritto 1.8.2

class MyNumberList extends Array<number> { 

    constructor(...numbers: number[]) { 
    // looks like this is not working 
    super(...numbers); 
    } 
} 

let statusCodes: MyNumberList = new MyNumberList(10, 20, 30); 

console.log(statusCodes[0]);  // printing undefined 
console.log(statusCodes.length); // printing 0 

Answer 1

array non possono essere estesi in ES5, in modo che il codice che il compilatore dattiloscritto produce non funziona correttamente. Il codice che produce per il costruttore è questo:

function MyNumberList() { 
    var numbers = []; 
    for (var _i = 0; _i < arguments.length; _i++) { 
     numbers[_i - 0] = arguments[_i]; 
    } 
    _super.apply(this, numbers); 
} 

... dove _super è Array. Nel normale corso delle cose, _super.apply(this, numbers) funzionerebbe correttamente, ma la funzione Array si comporta diversamente quando viene chiamata come funzione rispetto a quando viene chiamata come costruttore. Babel e altri transporter ES2015 (ES6) a ES5 hanno lo stesso problema. Per ereditare correttamente da un array è necessario disporre di funzionalità all'interno del motore JavaScript che non sono presenti nei motori ES5.

Se si modifica il codice di costruzione per:

constructor(...numbers: number[]) { 
    super(); 
    this.push(...numbers); 
} 

... sarà popolare il caso in modo corretto. Non posso garantire quanto bene funzioneranno altre funzionalità di Array.