最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

TypeScript中的symbol類型使用及說明

 更新時(shí)間:2026年03月30日 08:45:49   作者:bayihuan  
Symbol是ES2015新引入的原始類型,用于創(chuàng)建對(duì)象的唯一屬性名,在TypeScript中,可以通過symbol和uniquesymbol類型來確保對(duì)象屬性的唯一性,uniquesymbol表示具體的Symbol值,不可修改,適用于屬性名,類型推斷依據(jù)聲明方式和賦值決定類型

簡介

Symbol 是 ES2015(ES6) 新引入的一種原始類型的值。它類似于字符串,但是每一個(gè) Symbol 值都是獨(dú)一無二的,與其他任何值都不相等。

它主要用于創(chuàng)建對(duì)象的唯一屬性名。在 TypeScript 中,你可以使用symbol類型來確保對(duì)象屬性的唯一性,以及其他與符號(hào)相關(guān)的操作。

與其他原始類型(如numberstring)不同,symbol是不可變的且唯一的。

如:

let hiyooo:symbol = Symbol();
let hiyooo1:symbol == Symbel();

hiyooo === hiyooo1  //false
console.log(hiyooo === hiyooo1); // false

unique symbol

symbol類型包含所有的 Symbol 值,但是無法表示某一個(gè)具體的 Symbol 值。

比如,5是一個(gè)具體的數(shù)值,就用5這個(gè)字面量來表示,這也是它的值類型。但是,Symbol 值不存在字面量,必須通過變量來引用,所以寫不出只包含單個(gè) Symbol 值的那種值類型。

為了解決這個(gè)問題,TypeScript 設(shè)計(jì)了symbol的一個(gè)子類型unique symbol,它表示單個(gè)的、某個(gè)具體的 Symbol 值。

因?yàn)?code>unique symbol表示單個(gè)值,所以這個(gè)類型的變量是不能修改值的,只能用const命令聲明,不能用let聲明。

const hiyooo:unique symbol = Symbol();

let hiyooo1:unique symbol = Symbol();//

const命令為變量賦值 Symbol 值時(shí),變量類型默認(rèn)就是unique symbol,所以類型可以省略不寫。

const x :unique symbol = Symbol();

//等價(jià)于

const x = Symbol();

每個(gè)聲明為unique symbol類型的變量,它們的值都是不一樣的,其實(shí)屬于兩個(gè)值類型。

const x = Symbol();  // const x :unique symbol = Symbol();

const y = Symbol(); 

x === y //error 

不過我們知道,相同參數(shù)的Symbol.for()方法會(huì)返回相同的 Symbol 值。TypeScript 目前無法識(shí)別這種情況,所以可能出現(xiàn)多個(gè) unique symbol 類型的變量,等于同一個(gè) Symbol 值的情況。

const a: unique symbol = Symbol.for("foo");
const b: unique symbol = Symbol.for("foo");

上面示例中,變量ab是兩個(gè)不同的值類型,但是它們的值其實(shí)是相等的。

unique symbol 類型是 symbol 類型的子類型,所以可以將前者賦值給后者,但是反過來就不行。

const a: unique symbol = Symbol();

const b: symbol = a; // 正確

const c: unique symbol = b; // 報(bào)錯(cuò)

unique symbol 類型的一個(gè)作用,就是用作屬性名,這可以保證不會(huì)跟其他屬性名沖突。如果要把某一個(gè)特定的 Symbol 值當(dāng)作屬性名,那么它的類型只能是 unique symbol,不能是 symbol。

const x: unique symbol = Symbol();
const y: symbol = Symbol();

interface Foo {
  [x]: string; // 正確
  [y]: string; // 報(bào)錯(cuò)
}

類型推斷

如果變量聲明時(shí)沒有給出類型,TypeScript 會(huì)推斷某個(gè) Symbol 值變量的類型。

  • let命令聲明的變量,推斷類型為 symbol。
  • const命令聲明的變量,推斷類型為 unique symbol。
// 類型為 symbol
let x = Symbol();
// 類型為 unique symbol
const x = Symbol();

但是,const命令聲明的變量,如果賦值為另一個(gè) symbol 類型的變量,則推斷類型為 symbol。

let x = Symbol();

// 類型為 symbol
const y = x;

let命令聲明的變量,如果賦值為另一個(gè) unique symbol 類型的變量,則推斷類型還是 symbol。

const x = Symbol();

// 類型為 symbol
let y = x;

總結(jié)

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • TypeScript環(huán)境搭建的實(shí)現(xiàn)步驟

    TypeScript環(huán)境搭建的實(shí)現(xiàn)步驟

    本文主要介紹了TypeScript環(huán)境搭建的實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-01-01
  • javascript引擎長時(shí)間獨(dú)占線程造成卡頓的解決方案

    javascript引擎長時(shí)間獨(dú)占線程造成卡頓的解決方案

    這篇文章主要介紹了javascript引擎長時(shí)間獨(dú)占線程造成卡頓的解決方案,需要的朋友可以參考下
    2014-12-12
  • js實(shí)現(xiàn)tab欄切換效果

    js實(shí)現(xiàn)tab欄切換效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)tab欄切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • javascript實(shí)現(xiàn)數(shù)字時(shí)鐘效果

    javascript實(shí)現(xiàn)數(shù)字時(shí)鐘效果

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)數(shù)字時(shí)鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-02-02
  • JS對(duì)象數(shù)組排序方法測試代碼示例

    JS對(duì)象數(shù)組排序方法測試代碼示例

    這篇文章主要給大家介紹了關(guān)于JS對(duì)象數(shù)組排序方法測試的相關(guān)資料,在  相信大家對(duì)數(shù)組排序都不陌生,在開發(fā)中我們通常會(huì)使用sort方法進(jìn)行數(shù)組的排序,需要的朋友可以參考下
    2024-06-06
  • js簡單時(shí)間比較的方法

    js簡單時(shí)間比較的方法

    這篇文章主要介紹了js簡單時(shí)間比較的方法,通過2個(gè)自定義函數(shù)實(shí)現(xiàn)針對(duì)時(shí)間與日期的比較功能,涉及javascript日期及時(shí)間換算與比較操作相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • js圖片閃動(dòng)特效可以控制間隔時(shí)間如幾分鐘閃動(dòng)一下

    js圖片閃動(dòng)特效可以控制間隔時(shí)間如幾分鐘閃動(dòng)一下

    這篇文章主要介紹一個(gè)圖片閃動(dòng)特效,可以控制間隔時(shí)間如幾分鐘閃動(dòng)一下,需要的朋友不要錯(cuò)過
    2014-08-08
  • webpack 處理CSS資源的實(shí)現(xiàn)

    webpack 處理CSS資源的實(shí)現(xiàn)

    這篇文章主要介紹了webpack 處理CSS資源的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09
  • JS實(shí)現(xiàn)的3D拖拽翻頁效果代碼

    JS實(shí)現(xiàn)的3D拖拽翻頁效果代碼

    這篇文章主要介紹了JS實(shí)現(xiàn)的3D拖拽翻頁效果,通過鼠標(biāo)事件結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素實(shí)現(xiàn)拖拽翻頁的效果,需要的朋友可以參考下
    2015-10-10
  • Three.js+React實(shí)現(xiàn)3D文字懸浮效果

    Three.js+React實(shí)現(xiàn)3D文字懸浮效果

    這篇文章主要介紹了如何利用Three.js+React制作出神奇的3D文字懸浮效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手嘗試一下
    2022-03-03

最新評(píng)論

城口县| 景泰县| 双辽市| 兴和县| 嵊州市| 淮安市| 丰原市| 武安市| 皮山县| 井冈山市| 黄山市| 五大连池市| 昆明市| 庐江县| 扶风县| 凉城县| 阿拉善左旗| 万山特区| 永城市| 民勤县| 广安市| 岢岚县| 长治县| 翁牛特旗| 石渠县| 陆良县| 西宁市| 朔州市| 贺兰县| 广河县| 万全县| 湘潭县| 都昌县| 延庆县| 金平| 丹棱县| 拉萨市| 兴宁市| 大港区| 罗江县| 南京市|