typeof和instanceof的作用和區(qū)別

JavaScript有三種方法机隙,可以確定一個(gè)值到底是什么類(lèi)型。

  • typeof 運(yùn)算符
  • instanceof 運(yùn)算符
  • Object.prototype.toString 方法

typeof 運(yùn)算符

最常用的是 typeof 運(yùn)算符萨西,返回一個(gè)值的數(shù)據(jù)類(lèi)型有以下幾種結(jié)果有鹿。

  1. 原始類(lèi)型
  2. 函數(shù)
  3. undefined
  4. object

1.原始類(lèi)型

數(shù)值、字符串谎脯、布爾值分布返回 number葱跋、stringboolean

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

2.函數(shù)

函數(shù)返回function

function f() {}
typeof f
// "function"

3. undefined

undefined 和沒(méi)有用 var 聲明的變量,用typeof 返回的是 undefined

typeof undefined
// "undefined"
var x
typeof x
// "undefined"
y
// ReferenceError: y is not defined
typeof y
// "undefined"

這里y沒(méi)有用var聲明娱俺,直接使用就會(huì)報(bào)錯(cuò)稍味,但是用typeof就不報(bào)錯(cuò),而是返回undefined荠卷。
實(shí)際編程中模庐,這個(gè)特點(diǎn)通常用在判斷語(yǔ)句。

// 錯(cuò)誤的寫(xiě)法
if (v) {
  // ...
}
// ReferenceError: v is not defined

// 正確的寫(xiě)法
if (typeof v === "undefined") {
  // ...
}

4.object

除了以上三種情況油宜,其他情況都返回object掂碱。

typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"

注意

  • 空數(shù)組[]的返回值是object,這表示慎冤,JavaScript內(nèi)部疼燥,數(shù)組本質(zhì)上是一種特殊的對(duì)象。
  • null的返回值是object蚁堤,這是由于歷史原因造成的醉者,1995年JavaScript語(yǔ)言的第一版,所有值都設(shè)計(jì)成32位违寿,其中最低的3位用來(lái)表述數(shù)據(jù)類(lèi)型湃交,object對(duì)應(yīng)的值是000。當(dāng)時(shí)藤巢,只設(shè)計(jì)了五種數(shù)據(jù)類(lèi)型(對(duì)象搞莺、整數(shù)、浮點(diǎn)數(shù)掂咒、字符串和布爾值)才沧,完全沒(méi)考慮null,只把它當(dāng)作object的一種特殊值绍刮,32位全部為0温圆。這是typeof null返回object的根本原因。
    為了兼容以前的代碼孩革,后來(lái)就沒(méi)法修改了岁歉。這并不是說(shuō)null就屬于對(duì)象,本質(zhì)上null是一個(gè)類(lèi)似于undefined的特殊值膝蜈。

instanceof 運(yùn)算符

instanceof 是判斷變量是否為某個(gè)對(duì)象的實(shí)例锅移,返回值為truefalse

var o = {};
var a = [];

o instanceof Array // false
a instanceof Array // true
a instanceof Object // true

typeof 對(duì)數(shù)組 [] 和對(duì)象 {} 的返回值都是Object饱搏,無(wú)法區(qū)分?jǐn)?shù)組和對(duì)象非剃,但是instanceof可以區(qū)分。
注意: 數(shù)組Array是對(duì)象Object的一個(gè)子類(lèi)推沸,所以 a instanceof Object的返回值是 true备绽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末券坞,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子肺素,更是在濱河造成了極大的恐慌恨锚,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件倍靡,死亡現(xiàn)場(chǎng)離奇詭異眠冈,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)菌瘫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)布卡,“玉大人雨让,你說(shuō)我怎么就攤上這事》薜龋” “怎么了栖忠?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)贸街。 經(jīng)常有香客問(wèn)我庵寞,道長(zhǎng),這世上最難降的妖魔是什么薛匪? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任捐川,我火速辦了婚禮,結(jié)果婚禮上逸尖,老公的妹妹穿的比我還像新娘古沥。我一直安慰自己,他們只是感情好娇跟,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布岩齿。 她就那樣靜靜地躺著,像睡著了一般苞俘。 火紅的嫁衣襯著肌膚如雪目养。 梳的紋絲不亂的頭發(fā)上升敲,一...
    開(kāi)封第一講書(shū)人閱讀 49,821評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼煞躬。 笑死,一個(gè)胖子當(dāng)著我的面吹牛洋措,可吹牛的內(nèi)容都是我干的剑按。 我是一名探鬼主播,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼澜驮,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼陷揪!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤悍缠,失蹤者是張志新(化名)和其女友劉穎卦绣,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體飞蚓,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡滤港,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了趴拧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片溅漾。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖著榴,靈堂內(nèi)的尸體忽然破棺而出添履,到底是詐尸還是另有隱情,我是刑警寧澤脑又,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布暮胧,位于F島的核電站,受9級(jí)特大地震影響问麸,放射性物質(zhì)發(fā)生泄漏往衷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一严卖、第九天 我趴在偏房一處隱蔽的房頂上張望席舍。 院中可真熱鬧,春花似錦妄田、人聲如沸俺亮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)脚曾。三九已至,卻和暖如春启具,著一層夾襖步出監(jiān)牢的瞬間本讥,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工鲁冯, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拷沸,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓薯演,卻偏偏與公主長(zhǎng)得像撞芍,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子跨扮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類(lèi)型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類(lèi)型 使用基本類(lèi)型...
    大學(xué)一百閱讀 3,216評(píng)論 0 4
  • 前端07班 王語(yǔ)句JavaScript程序的執(zhí)行單位為行(line)序无,也就是一行一行地執(zhí)行验毡。一般情況下,每一行就是...
    ea203453e188閱讀 882評(píng)論 0 4
  • 文/Mission小可兒 花兒?jiǎn)柎蟮貝?ài)情是什么帝嗡, 大地沉默晶通。 扎根的養(yǎng)分卻從未被停止過(guò)。 鳥(niǎo)兒?jiǎn)柼炜諓?ài)情是什么哟玷, ...
    Mission小可兒閱讀 317評(píng)論 8 1
  • 不要寫(xiě)別人不懂的詩(shī)歌 不要刻意的自我放逐 不強(qiáng)說(shuō)愁狮辽,亦不懼登樓 只看 所有說(shuō)所有流淚 所有長(zhǎng)所有傷痕 日子在我們的...
    阿超_mama閱讀 200評(píng)論 0 5
  • 來(lái)自Utopia ???? ??? ? ????? "?? ?? ???? ??? ???? ??? ???? ...
    萬(wàn)事從容閱讀 627評(píng)論 0 0