06-ts-迭代器和生成器

這是我參與更文挑戰的第7天,活動詳情查看: 更文挑戰web

Symbols

symbol類型的值是經過Symbol構造函數建立的。數組

let sym1 = Symbol();

let sym2 = Symbol("key"); // 可選的字符串key
複製代碼

Symbols是不可改變且惟一的。markdown

let sym2 = Symbol("key");
let sym3 = Symbol("key");

sym2 === sym3; // false, symbols是惟一的
複製代碼

像字符串同樣,symbols也能夠被用作對象屬性的鍵。函數

let sym = Symbol();

let obj = {
    [sym]: "value"
};

console.log(obj[sym]); // "value"
複製代碼

Symbols也能夠與計算出的屬性名聲明相結合來聲明對象的屬性和類成員post

const getClassNameSymbol = Symbol();

class C {
    [getClassNameSymbol](){
       return "C";
    }
}

let c = new C();
let className = c[getClassNameSymbol](); // "C"
複製代碼

迭代器和生成器

可迭代性

當一個對象實現了Symbol.iterator屬性時,咱們認爲它是可迭代的。 一些內置的類型如 Array,Map,Set,String,等都已經實現了各自的Symbol.iterator。 對象上的 Symbol.iterator函數負責返回供迭代的值。ui

for..of 語句 for..of會遍歷可迭代的對象,調用對象上的Symbol.iterator方法。 下面是在數組上使用 for..of的簡單例子:url

let someArray = [1, "string", false];

for (let entry of someArray) {
    console.log(entry); // 1, "string", false
}
複製代碼

for..of和for..in都可迭代一個列表;可是用於迭代的值卻不一樣,for..in迭代的是對象的 鍵 的列表,而for..of則迭代對象的鍵對應的值。spa

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"
}
複製代碼

另外一個區別是for..in能夠操做任何對象;它提供了查看對象屬性的一種方法。 可是 for..of關注於迭代對象的值。內置對象Map和Set已經實現了Symbol.iterator方法,讓咱們能夠訪問它們保存的值。3d

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"
}
複製代碼

for...of 不能迭代對象code

let a = {a: 3}

for (let key in a) {
    console.log(key) // a
}

for (let key of a) {
    console.log(key) // Uncaught TypeError: a is not iterable
}

複製代碼
相關文章
相關標籤/搜索