javascript數(shù)據(jù)類型的示例分析

這篇文章將為大家詳細講解有關(guān)javascript數(shù)據(jù)類型的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

1. undefined 和 null

undefined是一個變量而不是一個關(guān)鍵字，所以可以被重新賦值。為了避免歧義，一般推薦用void 0 來獲取undefined；

null是一個關(guān)鍵字，所以可以放心地使用null。

Undefined 跟 null 有一定的表意差別，null 表示的是：“定義了但是為空”。所以，在實際編程時，我們一般不會把變量賦值為 undefined，這樣可以保證所有值為 undefined 的變量，都是從未賦值的自然狀態(tài)。　

function test(){
  var undefined = 123;
  console.log(undefined) 
}
test() ==> 123

2. +0 和 -0

JavaScript 中有 +0 和 -0，在加法類運算中它們沒有區(qū)別，要區(qū)別他們的話，需要使用1/x　

3/0 ==> Infinity
3/-0 ==> -Infinity

3. 0.1 + 0.2 = 0.3？

在JS中，0.1+0.2是不等于0.3的，因為0.1在計算機中用二進制表示的話，會產(chǎn)生無限循環(huán)位數(shù)。類似于十進制中，三分之一就是無限循環(huán)小數(shù)。

所以對這些循環(huán)小數(shù)進行數(shù)學(xué)運算時，并將二進制數(shù)據(jù)再轉(zhuǎn)換成十進制時，也還是無線循環(huán)小數(shù)，對末尾進行截取后，得到的值就是0.30000000000000004

正確的比較方法是使用JS提供的最小精度值，檢查等式左右兩邊差的絕對值是否小于最小精度

Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON
true

4. 666 和 new Number(666)的區(qū)別

666是一個number類型的數(shù)字，而Number(666)是一個對象類型的數(shù)據(jù)。

‘HELLO'.charAt(1) ==》 'E'

上門代碼中，點（.）運算符提供了裝箱操作，會根據(jù)一個基礎(chǔ)類型構(gòu)造一個臨時對象，所以能在基礎(chǔ)類型上調(diào)用對應(yīng)對象的方法

5. parseInt 和 parseFloat

parseInt(string, radix)

parseInt(15,6)
11 ==> 1*6+5

parseInt(0x15) 
21 ==> 16*1+5

parseFloat 則直接把原字符串作為十進制來解析，它不會引入任何的其他進制

6. 裝箱轉(zhuǎn)換

每一種基本類型 Number、String、Boolean、Symbol 在對象中都有對應(yīng)的類，所謂裝箱轉(zhuǎn)換，正是把基本類型轉(zhuǎn)換為對應(yīng)的對象。

Symbol 比較特殊，不能直接用 new Symbol獲得對應(yīng)的對象， 可以用Object(Symbol('hello')) 來獲得。

 var symbolObject = Object(Symbol("a"));

  console.log(typeof symbolObject); //object
  console.log(symbolObject instanceof Symbol); //true
  console.log(symbolObject.constructor == Symbol); //true

7. 拆箱轉(zhuǎn)換

把對象轉(zhuǎn)換成number或string時，會默認進行拆箱轉(zhuǎn)換，即會調(diào)用對象內(nèi)置的toString或者valueOf方法將對象轉(zhuǎn)換成基本類型

這兒定義了一個obj對象，重寫了它的valueOf和toString方法進行測試，可以看到，當Number(obj)時，valueOf優(yōu)先于String執(zhí)行，但是當這2個方法都沒有返回基本類型的數(shù)據(jù)時，就會產(chǎn)生錯誤。

當valueOf方法返回基本類型的數(shù)據(jù)時，成功將obj轉(zhuǎn)換成了數(shù)字，而且toSring方法沒有執(zhí)行。

當valueOf返回非基本類型時，toString方法才會被調(diào)用。只有當Object到 String 的拆箱轉(zhuǎn)換才會優(yōu)先調(diào)用 toString方法。

 注：ES6允許對象通過顯式指定 toPrimitive Symbol 來覆蓋原有的行為。

var o = {
    valueOf : () => {console.log("valueOf"); return {}},
    toString : () => {console.log("toString"); return {}}
  }

  o[Symbol.toPrimitive] = () => {console.log("toPrimitive"); return "hello"}


  console.log(o + "")
  // toPrimitive
  // hello

關(guān)于“javascript數(shù)據(jù)類型的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。