數(shù)據(jù)類型與typeof

個人學習筆記,如有錯誤請指出

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

基本數(shù)據(jù)類型(原始值類型)

  • number NaN/Infinity特殊
  • string 單引號/雙引號/反引號``
  • boolean true/false
  • null
  • undefined
  • symbol 創(chuàng)建唯一值
  • bigint

引用數(shù)據(jù)類型:

  • object
    • {} 普通對象
    • [] 數(shù)組對象
    • /^[+-]?(?:\d|(?:[1-9]\d+))(\.\d+)?$/ 正則對象
    • 日期對象
    • function(較為特殊,函數(shù)是一個附帶可被調用功能的常規(guī)的對象
    • ...

一共8大數(shù)據(jù)類型

更加詳細和官方的解釋參考MDN: JavaScript 數(shù)據(jù)類型和數(shù)據(jù)結構


注意:
javascript中,setmap是一種數(shù)據(jù)結構,本質上還是Object類型

typeof

typeof 操作符返回一個字符串,表示未經計算的操作數(shù)的類型

//7個基本數(shù)據(jù)類型
typeof 10
//"number"
typeof '1'
//"string"
typeof null
//"object"
typeof undefined
//"undefined"
typeof Symbol()
//"symbol"
typeof 9007199254740991n
//"bigint"
typeof true
//"boolean"
//object類型
typeof {}
//"object"
typeof []
//"object"
typeof /^$/
//"object"
typeof new Date()
//"object"

注意比較特殊的

//需要記住的特殊值
typeof NaN
//"number"
typeof function(){}
//"function"
typeof null
//"object"
typeof []//不要搞混,typeof 細分對象是不可以的
//"object"

注意三個包裝對象

所謂“包裝對象”,指的是與數(shù)值、字符串、布爾值分別相對應的Number、String、Boolean三個原生對象。這三個原生對象可以把原始類型的值變成(包裝成)對象。

var v1 = new Number(123);
var v2 = new String('abc');
var v3 = new Boolean(true);

typeof v1 // "object"
typeof v2 // "object"
typeof v3 // "object"

v1 === 123 // false
v2 === 'abc' // false
v3 === true // false

typeof null === 'object' 原因

typeof的原理:

  • 所有的數(shù)據(jù)類型值在計算機中存儲的都是按照“二進制”存儲的
  • null -> 000000
  • 只要是對象都是以 000 開始的
  • typeof`檢測的時候,是按照計算機存儲的二進制的值來檢測的

MDN解釋:

總結:

因為在javascript當中值的類型由類型標簽+實際數(shù)值表示,對象的類型標簽是0,而null指向空指針,用0x00的值來表示,所以null的類型標簽也是0,因此typeof null 返回 "object"。

NaN

NaN:not a number 不是一個有效數(shù)字,但是它屬于number數(shù)據(jù)類型的

console.log(typeof NaN); //=>"number"
console.log(NaN == NaN); //=>false
console.log(NaN === NaN); //=>false
let n = 10;

//如何檢測是NaN
if (isNaN(n)) {
    // 條件成立:證明它真的是非有效數(shù)字
}
Object.is([val1],[val2])//檢測兩個值是否相等
console.log(Object.is(NaN, NaN)); //=>true

Object.is()內部對NaN的判斷做了特殊處理

Infinity

typeof Infinity//"number"
Infinity===Infinity//true
-Infinity===Infinity//false

symbol

簡單介紹

JS 中的 Symbol 是什么?
ECMAScript 6入門-Symbol

Symbol 可以創(chuàng)建一個獨一無二的值。


console.log(new Symbol()); //Uncaught TypeError: Symbol is not a constructor
//無法使用new Sumbol(基本數(shù)據(jù)類型)
console.log(Symbol('AA') === Symbol('AA')); //false
//每次都會創(chuàng)建一個唯一值,括號中的字符串可以看做標記,注釋,只是為了區(qū)分

let symb = Symbol('BB');
console.log(symb === symb); //true 

bigint

最大安全數(shù)與最小安全數(shù)

Number.MAX_SAFE_INTEGER//9007199254740991
Number.MIN_SAFE_INTEGER//-9007199254740991
Math.pow(2,53)//9007199254740992

超過這個數(shù)計算會出現(xiàn)錯誤

bigint解決大數(shù)問題

如果服務器存儲ID是長整型,int值非常大。當服務器將其轉化為字符串的時候,返回給客戶端就沒有問題,如果服務器以Number類型返回,那么這個返回的id在瀏覽器中和服務器中值不一樣,會發(fā)生改變,出現(xiàn)錯誤

為了解決這個問題,在es6中引入新的數(shù)據(jù)類型bigint,在數(shù)字后面加n即為bigint類型

9007199254740992123n+1n//9007199254740992124n
typeof 9007199254740992124n//"bigint"
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容