枚舉數(shù)據(jù)類型

• 枚舉數(shù)據(jù)類型是TypeScript對JavaScript的數(shù)據(jù)結(jié)構(gòu)的拓展屈藐，在原生的JavaScript中是不存在枚舉數(shù)據(jù)類型的奈梳，枚舉數(shù)據(jù)用于表示固定的幾個變量飘蚯，只要外部的變量使用了定義好的枚舉數(shù)據(jù)睁本，那么這個外部的變量的值只能在該枚舉數(shù)據(jù)中選擇

• 通過enum關(guān)鍵字定義枚舉數(shù)據(jù)

• enum 數(shù)據(jù)名稱 { 變量名稱1, 變量名稱2 }

  enum Gender {
      Male,
      Femal    
  }
  
  // 外部變量綁定枚舉數(shù)據(jù)
  let value1:Gender
  let value2:Gender
  
  // 對外部變量進(jìn)行初始化
  value1 = Gender.Male
  value2 = Gender.Femal
  
  console.log(value1) // 0
  console.log(value2) // 1
  

• 外部變量綁定枚舉數(shù)據(jù)檀葛，那么外部變量的值只能在該枚舉數(shù)據(jù)中選擇队丝，否則編譯器就會報(bào)錯

  enum Gender {
      Male,
      Femal    
  }
  
  let val:Gender;
  val = 'abc'; // 編譯器報(bào)錯
  

• 枚舉數(shù)據(jù)中的變量底層本質(zhì)其實(shí)就是數(shù)字類型靡馁，從上至下開始，默認(rèn)是從0開始遞增的

  enum Gender {
      Male,
      Female,
      Simon
  }
  
  console.log(Gender.Male); // 0
  console.log(Gender.Female); // 1
  console.log(Gender.Simon); // 2
  

• 雖然枚舉數(shù)據(jù)中的變量值默認(rèn)是從0開始遞增的机久，但是我們也可以手動的指定某個枚舉變量的值臭墨，如果手動指定了某個枚舉變量的值，那么后面枚舉變量的值就會根據(jù)上面鄰近的被修改過的枚舉變量的取值進(jìn)行遞增

  enum letter {
      a,
      b,
      c = 6,
      d,
      e,
      f = 14,
      g,
      h,
  }
  
  console.log(letter.a); // 0
  console.log(letter.b); // 1
  console.log(letter.c); // 6
  console.log(letter.d); // 7
  console.log(letter.e); // 8
  console.log(letter.f); // 14
  console.log(letter.g); // 15
  console.log(letter.h); // 16
  

• 可以通過枚舉變量的名稱拿到它對應(yīng)的取值膘盖，也可以通過它對應(yīng)的取值拿到它的枚舉變量的名稱胧弛，這是就是反向映射

  enum Gender {
      Male = 4,
      Female,
      Simon = 8
  }
  
  console.log(Gender.Male); // 4
  console.log(Gender[4]); // Male
  console.log(Gender.Female); // 5
  console.log(Gender[5]); // Female
  console.log(Gender[8]); // Simon
  

• 因?yàn)槊杜e數(shù)據(jù)中變量的底層實(shí)現(xiàn)的本質(zhì)是數(shù)字類型，所以外部雖然綁定了該枚舉數(shù)據(jù)侠畔，但是外部變量隨機(jī)賦值一個數(shù)字類型的取值依然不會報(bào)錯

  enum Gender {
      Male,
      Female    
  }
  let val:Gender
  val = 6; // 沒有報(bào)錯
  

• 某個枚舉變量的取值也可以是計(jì)算屬性结缚，如果使用了計(jì)算屬性，那么該計(jì)算屬性后面的枚舉變量的取值必須手動賦值软棺，不然會報(bào)錯

  enum letter {
      a,
      b,
      c = getSum(1, 3), // 可以使用計(jì)算屬性
      d = 5, // 但是計(jì)算屬性之后的枚舉值需要手動賦值红竭，它不能自動計(jì)算，如果不進(jìn)行手動賦值，那么后面的枚舉值不能自動計(jì)算茵宪，編譯器報(bào)錯
      e,
      f,
      g,
      h,
  }
  
  console.log(letter.a); // 0
  console.log(letter.b); // 1
  console.log(letter.c); // 4
  console.log(letter.d); // 5
  console.log(letter.e); // 6
  console.log(letter.f); // 7
  console.log(letter.g); // 8
  console.log(letter.h); // 9
  
  function getSum(a:number, b:number):number {
      return a + b;
  }
  

• 枚舉數(shù)據(jù)類型底層實(shí)現(xiàn)原理（簡單）

  let Gender;
  (function (Gender) {
   // Gender[key] = value;
      Gender[Gender["Male"] = 0] = "Male";
      Gender[Gender["Femal"] = 1] = "Femal";
  })(Gender || (Gender = {}));
  
  let Gender = {};
  Gender["Male"] = 0;
  Gender[0] = "Male";
  Gender["Femal"] = 1;
  Gender[1] = "Femal";
  
  enum Gender {
      Male,
      Female    
  }
  

枚舉數(shù)據(jù)類型的分類

• 數(shù)字枚舉數(shù)據(jù)：枚舉數(shù)據(jù)中變量的值全部都是由數(shù)字組成的
• 字符串枚舉數(shù)據(jù)：枚舉數(shù)據(jù)中變量的值全部都是由字符串組成的
• 異構(gòu)枚舉數(shù)據(jù)：枚舉數(shù)據(jù)中變量的值全部都是由數(shù)字或者字符串組成的

數(shù)字number枚舉

• （上面講解的就是數(shù)字枚舉）

• 數(shù)字枚舉變量的取值除了是通過計(jì)算屬性返回的number數(shù)值最冰，也可以是const定義number數(shù)值，也可以是其它的變量中保存的number數(shù)值

  let arr:any[] = [8, 'b']
  const num = 1
  enum letter {
      a = arr[0], // 其它的變量中保存的number數(shù)值
      b = num, // const定義number數(shù)值
      c = 6,
      d = getSum(5, 5), // 計(jì)算屬性返回的number數(shù)值
      e = 7,
      f,
      g = 100,
      h,
  }
  function getSum(a:number, b:number):number {
      return a + b;
  }
  console.log(letter.a)
  console.log(letter.b)
  console.log(letter.c)
  console.log(letter.d)
  console.log(letter.e)
  console.log(letter.f)
  console.log(letter.g)
  console.log(letter.h)
  

字符串string枚舉

• 變量的取值不能根據(jù)前面自動計(jì)算稀火，字符串枚舉數(shù)據(jù)的變量應(yīng)該全部手動賦值

  enum Gender {
      Male = "123",
      Female = '456'
  }
  

• 不能通過變量的值獲取枚舉變量的名稱

  enum Gender {
      Male = "123",
      Female = '456'
  }
  console.log(Gender['123']) // undefined
  console.log(Gender['456']) // undefined
  

• 變量的取值不能是通過計(jì)算屬性返回的string的數(shù)值暖哨，也不能是通過const定義的string數(shù)值，也不能是其它變量中保存string數(shù)值

  let arr:any[] = [8, 'b']
  const str = 'zs'
  enum letter {
      a = arr[1], // 報(bào)錯
      b = str, // 報(bào)錯
      d = getStr('lnj', '26'), // 報(bào)錯
      e = 'ls',
  }
  function getStr(a:string, b:string):string {
      return a + b;
  }
  console.log(letter.a)
  console.log(letter.b)
  console.log(letter.d)
  console.log(letter.e)
  

異構(gòu)枚舉

• 枚舉數(shù)據(jù)中的變量取值既包含number類型又包含string類型

  enum Gender {
      Male = 6,
      Female = '456'
  }
  

枚舉數(shù)據(jù)的總結(jié)

• 其實(shí)在一個枚舉數(shù)據(jù)使用要求中憾股，沒有強(qiáng)調(diào)枚舉數(shù)據(jù)的變量的數(shù)值必須是同一個數(shù)據(jù)類型鹿蜀。也就是說，異構(gòu)枚舉數(shù)據(jù)使用的頻率更高
• 在對枚舉數(shù)據(jù)的變量進(jìn)行手動賦值過程中服球，如果是賦的值是number類型，那么這個數(shù)值可以是直接定義的number數(shù)值颠焦，也可以是通過計(jì)算屬性得到的number數(shù)值斩熊，也可以是其它變量中保存的number數(shù)值
• 在對枚舉數(shù)據(jù)的變量進(jìn)行手動賦值過程中，如果是賦的值是string類型伐庭，那么這是數(shù)值只能是直接定義的string數(shù)值粉渠，不能是外部變量或者常量中保存的string數(shù)值
• 枚舉數(shù)據(jù)中的變量的數(shù)值可以自動計(jì)算，但也只能是計(jì)算number的數(shù)值圾另。它只能根據(jù)上一個的number類型的數(shù)值進(jìn)行計(jì)算霸株，假如上一個不是number的數(shù)值，那么他就無法計(jì)算集乔，需要手動賦值一個number的數(shù)值去件，才能不影響后面的枚舉變量的數(shù)值，這在異構(gòu)枚舉中頗為重要