Js Symbol的靜態(tài)屬性及用途

JavaScript 語言在 ES6 規(guī)范中引入了 Symbol 類型，它是一種原始數(shù)據(jù)類型，用于創(chuàng)建唯一的標(biāo)識(shí)符。Symbol 對象是不可改變且唯一的，適合用作對象屬性的鍵。除了作為對象的屬性鍵之外，Symbol 還有許多靜態(tài)屬性（也稱為“內(nèi)置符號(hào)”或“眾所周知的符號(hào)”），這些屬性包含了與語言內(nèi)部機(jī)制相關(guān)聯(lián)的特殊符號(hào)值。本文將介紹 Symbol 類型的所有靜態(tài)屬性，并舉例說明它們的用途和使用場景。

Symbol.hasInstance

Symbol.hasInstance 屬性用來定制 instanceof 運(yùn)算符，在一個(gè)構(gòu)造器對象上使用 instanceof 時(shí)會(huì)調(diào)用這個(gè)方法。

class MyClass {
    static [Symbol.hasInstance](instance) {
        return Array.isArray(instance);
    }
}
console.log([] instanceof MyClass); // true

在這個(gè)例子中，MyClass 用自定義的 Symbol.hasInstance 函數(shù)覆蓋了默認(rèn)行為，檢查對象是否為數(shù)組，從而使得數(shù)組實(shí)例在 instanceof 運(yùn)算時(shí)返回 true。

Symbol.isConcatSpreadable

Symbol.isConcatSpreadable 屬性是一個(gè)布爾值，表示當(dāng)在 Array.prototype.concat() 時(shí)，對象是否可以展開。

let collection = {
    0: 'hello',
    1: 'world',
    length: 2,
    [Symbol.isConcatSpreadable]: true
};
console.log(['Hi'].concat(collection)); // ['Hi', 'hello', 'world']

在這個(gè)例子中，collection 對象通過設(shè)置 Symbol.isConcatSpreadable 為 true，可以被 concat 方法展開并合并到結(jié)果數(shù)組中。

Symbol.iterator

Symbol.iterator 屬性指向?qū)ο蟮哪J(rèn)迭代器方法，通常用于定義對象的 for-of 循環(huán)行為。

let fibonacci = {
  [Symbol.iterator]() {
    let pre = 0, cur = 1;
    return {
      next() {
        [pre, cur] = [cur, pre + cur];
        return { done: false, value: cur };
      }
    };
  }
}
for (let n of fibonacci) {
  if (n > 1000) break;
  console.log(n);
}

上述代碼中定義了斐波那契序列的迭代器，可以通過 for-of 循環(huán)輸出序列中的數(shù)。

Symbol.match

Symbol.match 屬性用于定義匹配的正則表達(dá)式行為，即當(dāng)一個(gè)對象被 String.prototype.match() 方法調(diào)用時(shí)所執(zhí)行的操作。

let hasNumber = {
    [Symbol.match](string) {
        return /\d+/.test(string);
    }
};
console.log('123'.match(hasNumber)); // true

在這個(gè)例子中，hasNumber 定義了一個(gè)自定義的 match 行為，當(dāng)字符串中包含數(shù)字時(shí)返回 true。

Symbol.replace

Symbol.replace 屬性定義了當(dāng)一個(gè)對象被 String.prototype.replace() 方法調(diào)用時(shí)如何替換字符串中的匹配部分。

let replaceHyphens = {
    [Symbol.replace](string, replacer) {
        return string.replace(/-/g, replacer);
    }
};
console.log('123-45-678'.replace(replaceHyphens, ':')); // '123:45:678'

這個(gè)例子中，replaceHyphens 將字符串中的所有連字符替換為冒號(hào)。

Symbol.search

Symbol.search 屬性定義了當(dāng) String.prototype.search() 方法被調(diào)用時(shí)，如何返回字符串中匹配項(xiàng)的索引。

let searchObject = {
    [Symbol.search](string) {
        return string.indexOf('JavaScript');
    }
};
console.log('Hello JavaScript!'.search(searchObject)); // 6

在這個(gè)例子中，searchObject 實(shí)現(xiàn)了搜索 "JavaScript" 字符串并返回它在源字符串中的位置。

Symbol.species

Symbol.species 屬性用于創(chuàng)建派生對象時(shí)確定默認(rèn)的構(gòu)造函數(shù)。

class MyArray extends Array {
  static get [Symbol.species]() { return Array; }
}
let a = new MyArray(1,2,3);
let mapped = a.map(x => x * x);
console.log(mapped instanceof MyArray); // false
console.log(mapped instanceof Array);   // true

這個(gè)例子表明，MyArray 創(chuàng)建的新數(shù)組 mapped 不是 MyArray 的實(shí)例，它是 Array 的實(shí)例。

Symbol.split

Symbol.split 屬性定義當(dāng)一個(gè)對象被 String.prototype.split() 方法調(diào)用時(shí)，如何分割字符串。

let splitByLength = {
    [Symbol.split](string) {
        return string.length <= 3 ? [string] : [string.slice(0, 3), string.slice(3)];
    }
};
console.log('JavaScript'.split(splitByLength)); // ['Jav', 'aScript']

在這個(gè)例子中，splitByLength 對象根據(jù)長度進(jìn)行分割，將字符串分為長度不超過3的部分。

Symbol.toPrimitive

Symbol.toPrimitive 屬性用于指定對象轉(zhuǎn)換為相應(yīng)的原始值時(shí)的行為。

let obj = {
    [Symbol.toPrimitive](hint) {
        if (hint === 'number') {
            return 42;
        }
        if (hint === 'string') {
            return 'fourty two';
        }
        return true;
    }
};
console.log(+obj);  // 42
console.log(`${obj}`); // 'fourty two'

在這個(gè)例子中，根據(jù)轉(zhuǎn)換提示（hint），obj 對象會(huì)返回不同的原始值。

Symbol.toStringTag

Symbol.toStringTag 屬性用于自定義對象的默認(rèn)字符串描述，是在對象上調(diào)用 toString 方法時(shí)使用的。

let myCollection = {
    get [Symbol.toStringTag]() {
        return 'MyCollection';
    }
};
console.log(myCollection.toString()); // [object MyCollection]

myCollection 對象的 toString 方法返回了自定義的字符串描述 [object MyCollection]。

Symbol.unscopables

Symbol.unscopables 屬性指出了哪些屬性名會(huì)被 with 環(huán)境綁定排除。

Array.prototype[Symbol.unscopables] = Object.assign({}, Array.prototype[Symbol.unscopables], {
    map: true
});
with ([]) {
    console.log(map); // ReferenceError: map is not defined
}

這個(gè)例子通過把 Array.prototype.map 方法標(biāo)記為 unscopables，在 with 語句中無法直接使用 map 方法。

總結(jié)

由于 Symbol 類型的不可變和唯一性質(zhì)，它的內(nèi)置符號(hào)作為語言的元操作部分，扮演了調(diào)整對象默認(rèn)行為的關(guān)鍵角色。無論是改變內(nèi)置操作的工作方式，還是定義新的行為，Symbol 的靜態(tài)屬性為自定義高級(jí)抽象提供了強(qiáng)大的支持，極大地增強(qiáng)了語言的靈活性和擴(kuò)展性。在日益復(fù)雜的應(yīng)用開發(fā)中，了解并合理應(yīng)用 Symbol 的靜態(tài)屬性，有助于提高代碼的可維護(hù)性和擴(kuò)展性。

到此這篇關(guān)于Js中Symbol的靜態(tài)屬性及用途詳解的文章就介紹到這了,更多相關(guān)Js Symbol內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論