• <var id="gzb7d"><strong id="gzb7d"></strong></var>
    <td id="gzb7d"></td>

    1. <acronym id="gzb7d"></acronym>
      瀏覽器部落:-綠色安全純凈官方版!

      ES6中Symbol相關知識的介紹(代碼示例)

      時間:2021-3-25作者:未知來源:瀏覽器部落人氣:

      網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。
      本篇文章給大家帶來的內容是關于ES6中Symbol相關知識的介紹(代碼示例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

      symbol是es6出的一種類型,他也是屬于原始類型的范疇(string, number, boolean, null, undefined, symbol)

      basic

      let name = Symbol('xiaohesong')
      typeof name // 'symbol'
      let obj = {}
      obj[name] = 'xhs'
      console.log(obj[name]) //xhs

      symbol for

      這個東西是可共享,在創建的時候會檢查全局是否尋在這個key的symbol.如果存在就直接返回這個symbol,如果不存在就會創建,并且在全局注冊。

      let uid = Symbol.for("uid");
      let object = {
          [uid]: "12345"
      };
      
      console.log(object[uid]);       // "12345"
      console.log(uid);               // "Symbol(uid)"
      
      let uid2 = Symbol.for("uid");
      
      console.log(uid === uid2);      // true
      console.log(object[uid2]);      // "12345"
      console.log(uid2);              // "Symbol(uid)"此處所說的共享是全局性的共享,類似于global scope,是整個大環境下的共享.

      symbol keyfor

      let uid = Symbol.for("uid");
      console.log(Symbol.keyFor(uid));    // "uid"
      
      let uid2 = Symbol.for("uid");
      console.log(Symbol.keyFor(uid2));   // "uid"
      
      let uid3 = Symbol("uid");
      console.log(Symbol.keyFor(uid3));   // undefined

      全局注冊表不存在uid3這個共享的symbol.所以取不出對應的key.由此可見,這個是獲取對應的key.

      symbol 不可強制轉換

      let uid = Symbol('uid')
      uid + ''

      這里會報錯,根據規范,他會把uid轉換成字符串進行相加。如果真的相加,可以先String(uid)之后再相加,不過目前看來,似乎沒什么意義。

      obj中symbol key的獲取

      let uid = Symbol('uid')
      let obj = {
          [uid]: 'uid'
      }
      
      console.log(Object.keys(obj)) // []
      console.log(Object.getOwnPropertyNames(obj)) // []
      console.log(Object.getOwnPropertySymbols(obj)) // [Symbol(uid)]

      es6針對這個,添加了Object.getOwnPropertySymbols方法。

      是不是感覺很少用到Symbols.其實es6內部用的還是不少的。

      Symbol.hasInstance

      每個函數都有這個方法。或許你對這個方法不是很熟,他其實就是instanceof所做的事情。 沒錯,es6給你重寫了這個方法。

      function Xiao(){}
      const xiao = new Xiao
      xiao instanceof Xiao // true

      實際上es6幫你那么干了

      Xiao[Symbol.hasInstance](xiao)

      這個是內部的方法,不支持重寫,當然,我們可以在原型上改寫。

      Object.definePrototype(Xiao, Symbol.hasInstance, {
         value: (v) : Boolean(v)
      })
      const x = new Xiao
      x instanceof Xiao //true
      0 instanceof Xiao //false
      1 instanceof Xiao //true

      可以發現,我們改寫他返回對應的是否為boolean類型。

      Symbol.isConcatSpreadable

      這個和其他的一些屬性不同,他是默認不存在一些標準對象上。簡單的使用

      let objs = {0: 'first', 1: 'second', length: 2, [Symbol.isConcatSpreadable]: true}
      ['arrs'].concat(objs) //["arrs", "first", "second"]

      Symbol.toPrimitive

      這個用的就多了,進行類型轉換的時候,對象會進行嘗試轉換成原始類型,就是通過toPrimitive.這個方法,標準類型的原型上都存在。
      進行類型轉換的時候,toPrimitive會被強制的調用一個參數,在規范中這個參數被稱之為hint. 這個參數是三個值('number', 'string', 'default')其中的一個。
      顧名思義,string返回的是string, number返回的是number,default是沒有特別指定,默認。
      那么什么是默認的情況呢? 大多數的情況下,默認情況就是數字模式。(日期除外,他的默認情況視為字符串模式)
      其實在類型轉換時調用默認情況的也不是很多。如(==, +)或者將參數傳遞給Date的構造參數的時候。

      • number mode 在數字情況下的行為(優先級從高到低)

      • 首先調用valueOf,如果是一個原始類型,那就返回。

      • 如果前面不是原始值,那么就嘗試調用toString,如果是原始值,那么就返回

      • 如果都不存在,那么就報錯

      • string mode 在字符串的情況下,行為略有不同(優先級從高到低)

      • 首先調用toString,如果是原始值,那么就返回

      • 如果前面不是原始值,那么就嘗試調用valueOf,如果是原始值,那么就返回

      • 拋出錯誤

      嗯,是不是感覺挺繞的,是啊,代碼闡述下嘛。

      let obj = {
          valueOf: function(){console.log('valueOf')},
          toString: function(){console.log('toString')}
      }
      // console.log value is
      obj + 2 //valueOf
      obj == 2 // valueOf
      Number(obj) // valueOf
      String(obj) // toString

      通過上面的輸出,可以發現大多數的情況都是首先調用valueOf.
      包括默認的情況,他的默認是調用的數字模式,而且絕大數都是調用的數字模式,可以發現toString是調用了string的模式。所以你可以認為,基本就是數字模式,除非很顯示的是字符串模式。
      對于這個調用的模式還不是很清楚?沒事,es6把這個內部的方法對外暴露出來了,我們可以改寫他,輸出這個hint的類型。 來

      function Temperature(degrees) {
          this.degrees = degrees;
      }
      
      Temperature.prototype[Symbol.toPrimitive] = function(hint) {
          console.log('hint is', hint)
      };
      
      let freezing = new Temperature(32);
      
      freezing + 2 // ..
      freezing / 2 // ..
      ...

      上面的類型,你可以試試。

      以上就是ES6中Symbol相關知識的介紹(代碼示例)的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      關鍵詞:ES6中Symbol相關知識的介紹(代碼示例)




      Copyright © 2012-2018 瀏覽器部落(http://www.atelierescobar.com) .All Rights Reserved 網站地圖 友情鏈接

      免責聲明:本站資源均來自互聯網收集 如有侵犯到您利益的地方請及時聯系管理刪除,敬請見諒!

      QQ:1006262270   郵箱:kfyvi376850063@126.com   手機版 

      国产乱子伦漫画,猫咪www免费人成在线观看,国产真实哺乳吃奶在线观看,超乳专区爆乳国产