千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術(shù)干貨  > 一文搞懂JavaScript中的typeof用法

一文搞懂JavaScript中的typeof用法

來源:千鋒教育
發(fā)布人:syq
時間: 2022-07-21 17:20:00 1658395200

  基礎(chǔ)

  typeof 運算符是 JavaScript 的基礎(chǔ)知識點,盡管它存在一定的局限性(見下文),但在前端js的實際編碼過程中,仍然是使用比較多的類型判斷方式。

JavaScript中的typeof用法

  因此,掌握該運算符的特點,對于寫出好的代碼,就會起到很大的幫助作用。

  typeof 返回一個字符串,表示該操作值的數(shù)據(jù)類型,基本語法:

1

  可能返回的類型字符串有:string, boolean, number, bigint, symbol, undefined, function, object。

  返回類型

  將根據(jù)可能的返回類型,進行以下的分類介紹,對typeof的使用方法一網(wǎng)打盡。

  string 和 boolean

  字符串、布爾值分別返回 string、boolean。包括 String() 和 Boolean()。

2

  number和bigint

  數(shù)字返回 number,包括 Number()、NaN 和 Infinity 等,以及 Math 對象下的各個數(shù)學常量值。

  BigInt 數(shù)字類型值返回 bigint,包括 BigInt(1)。

3

  symbol

  symbol 值返回 symbol,包括 Symbol()。

4

  undefined

  undefined 本身返回 undefined。

  不存在的,或者定義了但未賦初值的變量,都會返回 undefined。

  還有 document.all 等瀏覽器的非標準特性。

5

  function

  函數(shù)返回 function。

  包括使用es6的 class 類聲明的。

  還有各個內(nèi)置對象 String、Number、BigInt、Boolean、RegExp、Error、Object、Date、Array、Function、Symbol 本身。

  以及 Function(),new Function()。

6

  object

  對象、數(shù)組、null、正則表達式,都返回 object。

  包括 Math、jsON 對象本身。

  還有使用 new 操作符的數(shù)據(jù),除了 Function 以外。

7

  其他

  關(guān)于其他大部分的 JavaScript關(guān)鍵字,得到的結(jié)果值都是 object 或 function。

  注:多數(shù)小寫字母開頭的是對象 object,多數(shù)大寫字母開頭的都是方法 function。常見的明確知道的方法不算,如 alert,prompt 等方法。

  除此以外,還有各js環(huán)境下具體實現(xiàn)的宿主對象。

  常見問題

  引用錯誤

  在 let 和 const 塊級作用域變量定義之前,使用 typeof 會拋錯 ReferenceError。因為塊級作用域變量,會在頭部形成 暫存死區(qū),直到被初始化,否則會報引用錯誤。

8

  如果是使用 var 定義變量,不會報錯,返回 undefined 。

  有變量提升,不會形成暫時死區(qū)。

  typeof null

  對于 typeof null === 'object' ,記住即可,可能的解釋:

  在JavaScript 最初的實現(xiàn)中,JavaScript 中的值是由一個表示類型的標簽和實際數(shù)據(jù)值表示的。對象的類型標簽是 0。由于null代表的是空指針(大多數(shù)平臺下值為 0x00),因此,null 的類型標簽是 0,typeof null 也因此返回 "object"。

  typeof 的局限性

  typeof 的局限性,在于無法精確判斷出 null、數(shù)組、對象、正則 的類型。所以如果要精準判斷,還需要使用其他技術(shù)手段,或組合判斷。如下,判斷數(shù)組類型:

9

  其中,Object.prototype.toString.call 是javascript中用于準確判斷數(shù)據(jù)類型的通用手段。

  擴展:BigInt類型

  BigInt 來自于 ES11 增加的一種最新的基礎(chǔ)類型,可以用任意精度表示整數(shù)。

  它提供了一種表示大于 2^53 - 1 整數(shù)的方法,能表示任意大的整數(shù)。

  它是通過在整數(shù)末尾附加 n 或調(diào)用構(gòu)造函數(shù) BigInt() 來創(chuàng)建的。IE 不支持。

10

  注意點:

  · BigInt 能使用運算符 +、*、-、**和%。

  · 除 >>> (無符號右移) 之外的 位操作 也可以支持。因為BigInt 都是有符號的。

  · BigInt 不支持單目 (+) 運算符,會報類型錯誤。

  · 不能對 BigInt 使用 Math 對象中的方法。

  · BigInt 不能與 Number數(shù)字 進行混合計算,否則,將拋出 TypeError。

  · 在將 BigInt 轉(zhuǎn)換為 Boolean 時,它的行為類似 Number數(shù)字 。

  · BigInt 變量在轉(zhuǎn)換成 Number 變量時可能會丟失精度。

  · typeof 操作時返回 bigint。

  · 使用 Object、String 等內(nèi)置對象轉(zhuǎn)換時,類似于 Number數(shù)字。

  · BigInt 使用 / 除操作時,帶小數(shù)的運算會被取整。

  · Number 和 BigInt 可以進行比較,非嚴格相等。

  · JSON.stringify 處理 BigInt 會引發(fā)類型錯誤。

  更多關(guān)于“前端培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業(yè)需求,更科學更嚴謹,每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
什么是PlatformIo?

PlatformIO是什么PlatformIO是一個全面的物聯(lián)網(wǎng)開發(fā)平臺,它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程,有效簡化了開發(fā)過程,并能兼容各種...詳情>>

2023-10-14 12:55:06
云快照與自動備份有什么區(qū)別?

1、定義和目標不同云快照的主要目標是提供一種快速恢復數(shù)據(jù)的方法,它只記錄在快照時間點后的數(shù)據(jù)變化,而不是所有的數(shù)據(jù)。自動備份的主要目標...詳情>>

2023-10-14 12:48:59
服務器為什么要用Linux?

服務器為什么要用Linux作為服務器操作系統(tǒng)的優(yōu)選,Linux在眾多選擇中脫穎而出。Linux作為服務器操作系統(tǒng)的優(yōu)選,有其獨特的優(yōu)勢和特點。包括其...詳情>>

2023-10-14 12:34:11
ORM解決的主要問題是什么?

ORM(對象關(guān)系映射)解決的主要問題是將關(guān)系數(shù)據(jù)庫與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫中,數(shù)據(jù)以表格的形式存儲,而在面向?qū)ο?..詳情>>

2023-10-14 12:26:19
Go為什么不支持三元運算符?

Go為什么不支持三元運算符Go語言是一種以簡潔和有效性為目標的編程語言,因此在設計過程中,Go的設計者刻意排除了一些他們認為可能導致復雜性或...詳情>>

2023-10-14 12:12:36