迭代器和生成器
可迭代性
當(dāng)一個(gè)對(duì)象實(shí)現(xiàn)了Symbol.iterator
屬性時(shí)霎苗,我們認(rèn)為它是可迭代的兢仰。 一些內(nèi)置的類型如 Array
,Map
鲤妥,Set
咸这,String
夷恍,Int32Array
,Uint32Array
等都已經(jīng)實(shí)現(xiàn)了各自的Symbol.iterator
媳维。 對(duì)象上的 Symbol.iterator
函數(shù)負(fù)責(zé)返回供迭代的值酿雪。
for..of
語句
for..of
會(huì)遍歷可迭代的對(duì)象,調(diào)用對(duì)象上的Symbol.iterator
方法侄刽。 下面是在數(shù)組上使用 for..of
的簡單例子:
let someArray = [1, "string", false];
for (let entry of someArray) {
console.log(entry); // 1, "string", false
}
for..of
vs. for..in
語句
for..of
和for..in
均可迭代一個(gè)列表指黎;但是用于迭代的值卻不同,for..in
迭代的是對(duì)象的 鍵 的列表州丹,而for..of
則迭代對(duì)象的鍵對(duì)應(yīng)的值醋安。
下面的例子展示了兩者之間的區(qū)別:
let list = [4, 5, 6];
for (let i in list) {
console.log(i); // "0", "1", "2",
}
for (let i of list) {
console.log(i); // "4", "5", "6"
}
另一個(gè)區(qū)別是for..in
可以操作任何對(duì)象;它提供了查看對(duì)象屬性的一種方法墓毒。 但是 for..of
關(guān)注于迭代對(duì)象的值吓揪。內(nèi)置對(duì)象Map
和Set
已經(jīng)實(shí)現(xiàn)了Symbol.iterator
方法,讓我們可以訪問它們保存的值所计。
let pets = new Set(["Cat", "Dog", "Hamster"]);
pets["species"] = "mammals";
for (let pet in pets) {
console.log(pet); // "species"
}
for (let pet of pets) {
console.log(pet); // "Cat", "Dog", "Hamster"
}
代碼生成
目標(biāo)為 ES5 和 ES3
當(dāng)生成目標(biāo)為 ES5 或 ES3柠辞,迭代器只允許在Array
類型上使用。 在非數(shù)組值上使用 for..of
語句會(huì)得到一個(gè)錯(cuò)誤主胧,就算這些非數(shù)組值已經(jīng)實(shí)現(xiàn)了Symbol.iterator
屬性叭首。
編譯器會(huì)生成一個(gè)簡單的for
循環(huán)做為for..of
循環(huán)习勤,比如:
let numbers = [1, 2, 3];
for (let num of numbers) {
console.log(num);
}
生成的代碼為:
var numbers = [1, 2, 3];
for (var _i = 0; _i < numbers.length; _i++) {
var num = numbers[_i];
console.log(num);
}
目標(biāo)為 ECMAScript 2015 或更高
當(dāng)目標(biāo)為兼容 ECMAScipt 2015 的引擎時(shí),編譯器會(huì)生成相應(yīng)引擎的for..of
內(nèi)置迭代器實(shí)現(xiàn)方式放棒。