JS第七種資料型別Symbol詳解
點擊打開視頻講解更加詳細
一、什么是Symbol？
Symbol是ES6中引入的一種新的基本資料型別，用于表示一個獨一無二的值，它是JavaScript中的第
七種資料型別，與undefined、null、Number（數值）、String（字串）、Boolean（布林值）、
Object（物件）并列，
Symbol特點：
- Symbol的值是唯一的，用來解決命名沖突問題
- Symbol值不能與其他資料進行運算
- Symbol定義的物件屬性不能使用for...in回圈遍歷，但是可以使用Reflect.ownKeys來獲取物件的所有鍵名
基本用法：
let a = Symbol("末晨曦吖");
console.log(a); // Symbol(末晨曦吖)
console.log(typeof a); //symbol
// 相同引數 Symbol() 回傳的值不相等
let b = Symbol("末晨曦吖");
console.log(a === b); //false
為什么相同引數 Symbol() 回傳的值不相等？？？
因為使用Symbol()創建一個Symbol型別的值并賦值給a變數后，你就得到了一個在記憶體中獨一無二的值，現在除了通過變數a，任何人在任何作用域內都無法重新創建出這個值，所以就算我們通過相同引數創建的b，結果還是不相等的，
盡管a和b都是使用Symbol()創建出來的，但是它們在記憶體中看起來卻是這樣的：
實際上，a變數拿到了記憶體中某塊記憶體的唯一參考（這里所說的參考，其實就是該記憶體的地址），如果不借助a變數，你不可能再得到這個地址，因此：
a !== b; //a和b持有的是兩塊記憶體的參考
const c = a; //手動把a里保存的地址保存在c變數中
a === c; //c和a現在指向同一塊記憶體，因為它們保存了同樣的地址
這種行為看似難以理解，但其實它與物件遵循相同的規則，如：
let a = {};
let b = {};
a !== b; //a和b各自被分配了不同的記憶體，因此它們保存了不同的地址
//借助變數a，變數c拿到了a指向的那個物件的地址，因此兩者相等
let c = a;
a === c;
但是對于同為基本資料型別的字串來說，它不遵循類似的規則，比如：
let a = "123";
let b = "123";
a === b; //回傳true，兩者在常量區參考同一個字串
我們首先通過變數a在記憶體中創建了字串“123”，然后在不借助變數a的情況下，又通過var b = "123"拿到了對“123”這個字串的參考，兩者指向記憶體中的同一塊記憶體地址，
因此我們說，a無法確保別的變數無法拿到它保存的地址（前提是不通過a），但是對于var a = Symbol()這樣的陳述句，a變數內保存的值是唯一的，因為除了借助a變數，你永遠無法得到a中保存的值，這也是Symbol的本質，
作為屬性名的Symbol
let mySymbol = Symbol();
// 第一種寫法
let a = {};
a[mySymbol] = 'Hello!';
// 第二種寫法
let a = {
[mySymbol]: 'Hello!'
};
// 第三種寫法
let a = {};
Object.defineProperty(a, mySymbol, { value: 'Hello!' });
// 以上寫法都得到同樣結果
a[mySymbol] // "Hello!"
注意，Symbol值作為物件屬性名時，不能用點運算子，
let a = {};
let name = Symbol();
a.name = 'lili';
a[name] = 'lucy';
console.log(a.name,a[name]);//lili,lucy
Symbol值作為屬性名時，該屬性還是公開屬性，不是私有屬性，
二、Symbol中的方法
1、Symbol.for()
我們知道Symbo()創建的兩個變數永遠不會是相同的，那么如果我們需要重新使用同一個Symbol怎么辦，總不能需要挨個去進行比較吧，還好，es6為我們提供了Symbol.for()方法，
引數是symbol型別的描述資訊，不同于Symbol()，這個而引數只能是字串或者是undefined，若已經創建了則回傳這個symbol，否則就進行創建并將這個新的symbol回傳，代碼如下
let name = Symbol.for("末晨曦");
let name1 = Symbol.for("末晨曦");
console.log(name === name1); // true
請注意，我們在使用創建描述資訊為"末晨曦"的變數的時候，使用的是for，而不是Symbol()，倘若使用Symbol()進行首次創建，for會再次創建一次，二者不會相等，代碼如下：
let name = Symbol("末晨曦");
let name1 = Symbol.for("末晨曦");
console.log(name === name1); // false
原因在于Symbol.for()會有一個登記機制，使用for只會對通過for創建的symbol進行檢查，不會對Symbol()創建的進行檢查，
2、Symbol.keyFor()
這個方法引數是一個通過Symbol.for()創建的symbol型別變數，回傳這個symbol變數的描述資訊，
let name = Symbol.for("末晨曦");
console.log(Symbol.keyFor(name)); // "末晨曦"
let name1 = Symbol("末晨曦");
console.log(Symbol.keyFor(name1)); // undefined 不能查找Symbol()創建的變數
若對您有幫助，請點擊跳轉B站一鍵三連哦！感謝支持！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/505597.html
標籤：其他