Come fare un iteratore fuori di una classe ES6

Question

Come dovrei fare un iteratore fuori di una classe ES6 nello stesso modo come JS1.7 SomeClass.prototype.__iterator__ = function() {...} sintassi?

[EDIT 16:00]

le seguenti opere:

class SomeClass { 
    constructor() { 
    } 

    *[Symbol.iterator]() { 
     yield '1'; 
     yield '2'; 
    } 

    //*generator() { 
    //} 

} 

an_instance = new SomeClass(); 
for (let v of an_instance) { 
    console.log(v); 
} 

bandiere WebStorm *[Symbol.iterator]() con un 'nome di funzione prevista' avvertimento subito dopo l'asterisco, ma altrimenti questo si compila e funziona bene con Traceur . (Nota WebStorm non genera errori per *generator().)

Answer 1

definire un metodo iteratore adatto. Per esempio:

class C { 
    constructor() { this.a = [] } 
    add(x) { this.a.push(x) } 
    [Symbol.iterator]() { return this.a.values() } 
} 

Edit: l'uso del campione:

let c = new C 
c.add(1); c.add(2) 
for (let i of c) console.log(i) 

Answer 2

È necessario specificare Symbol.iterator immobili per SomeClass che restituisce iterator per istanze di classe. Iteratore deve avere next() metodo, strega dei rendimenti sua volta oggetto con done e value campi. esempio semplificato:

function SomeClass() { 
    this._data = [1,2,3,4]; 
} 

SomeClass.prototype[Symbol.iterator] = function() { 
    var index = 0; 
    var data = this._data; 

    return { 
    next: function() { 
     return { value: data[++index], done: !(index in data) } 
    } 
    }; 
}; 

o utilizzando classi ES6 e funzioni di direzione:

class SomeClass { 
    constructor() { 
    this._data = [1,2,3,4]; 
    } 

    [Symbol.iterator]() { 
    var index = -1; 
    var data = this._data; 

    return { 
     next:() => ({ value: data[++index], done: !(index in data) }) 
    }; 
    }; 
} 

e di utilizzo:

var obj = new SomeClass(); 
for (var i of obj) { console.log(i) } 

nella tua domanda aggiornato si rese conto di classe iteratore attraverso funzione di generatore di . Puoi farlo, ma devi capire che l'iteratore NON POTREBBE ESSERE un generatore. Effettivamente iterazione in ES6 è qualsiasi oggetto che ha determinato next() method

Answer 3

Ecco un esempio per iterare su una classe personalizzata matrice 2D in ES6

class Matrix { 
    constructor() { 
     this.matrix = [[1, 2, 9], 
         [5, 3, 8], 
         [4, 6, 7]]; 
    } 

    *[Symbol.iterator]() { 
     for (let row of this.matrix) { 
      for (let cell of row) { 
       yield cell; 
      } 
     } 
    } 
} 

L'utilizzo di tale classe sarebbe

let matrix = new Matrix(); 

for (let cell of matrix) { 
    console.log(cell) 
} 

Quale wou uscita ld

1 
2 
9 
5 
3 
8 
4 
6 
7 

Answer 4

Documentation: Iteration Protocols

classe Esempio applicazione sia il protocollo iteratore e iterabili protocollo tecniche:

class MyCollection { 
    constructor(elements) { 
    if (!Array.isArray(elements)) 
     throw new Error('Parameter to constructor must be array'); 

    this.elements = elements; 
    } 

    // Implement "iterator protocol" 
    *iterator() { 
    for (let key in this.elements) { 
     var value = this.elements[key]; 
     yield value; 
    } 
    } 

    // Implement "iterable protocol" 
    [Symbol.iterator]() { 
    return this.iterator(); 
    } 
} 

elementi di accesso utilizzando due tecniche:

var myCollection = new MyCollection(['foo', 'bar', 'bah', 'bat']); 

// Access elements of the collection using iterable 
for (let element of myCollection) 
    console.log('element via "iterable": ' + element); 

// Access elements of the collection using iterator 
var iterator = myCollection.iterator(); 
while (element = iterator.next().value) 
    console.log('element via "iterator": ' + element);