JavaScript中的類型和判定方法的實(shí)用總結(jié)

1. 語(yǔ)言類型

JavaScript定義了7種語(yǔ)言類型:

Undefined, Null, Boolean, String, Number, Symbol, Object梳码。

圍繞Object尤莺,又有很多特殊的類型:

Date, RegExp, Function。

2. 類型判斷

undefined

Undefined類型表示未經(jīng)賦值的”空值“备埃,該類型只有一個(gè)值,可以用全局變量undefined來(lái)表示未状。使用 variable === undefined 或者 variable === void 0 可以判斷一個(gè)值是否為該類型鸭限,后者在ES5之前更可靠因?yàn)槟菚r(shí)的全局變量undefined是可以被更改的蜕径。

null

Null類型只有一個(gè)值,那就是null败京,它是JavaScript的關(guān)鍵字兜喻,可以直接用null來(lái)判定值 variable === null。

Boolean, String, Number

這里的數(shù)字赡麦、字符串朴皆、布爾類型是可以是原始類型,也可以它們的包裝對(duì)象泛粹。簡(jiǎn)單通過如下代碼即可進(jìn)行類型判定:

typeof num === 'number'
typeof str === 'string'
typeof bol === 'boolean'

比較特殊的一點(diǎn)是typeof null 得到的是 object涣达,可以把它當(dāng)做一個(gè)”非對(duì)象“類型的對(duì)象缆镣。

Symbol

同樣可以直接使用 typeof 判斷Symbol類型

typeof sy === 'symbol'

Object

JavaScript是面向?qū)ο蟮木幊陶Z(yǔ)言蔫骂,在開發(fā)過程中會(huì)用到大量的對(duì)象魁巩,僅僅使用 typeof 顯然無(wú)助于了解更多跟對(duì)象相關(guān)的信息

我們可以使用 Object.prototype.toString.apply(variable) 會(huì)返回類似于 [object Object]的結(jié)構(gòu),第二個(gè)Object會(huì)隨著構(gòu)造函數(shù)的不同而不同帽借。

因此我們就可以使用如下代碼來(lái)判斷具體的類型:

Object.prototype.toString.apply(o).slice(8, -1) === 'Object'
Object.prototype.toString.apply(n).slice(8, -1) === 'Number'
Object.prototype.toString.apply(s).slice(8, -1) === 'String'
Object.prototype.toString.apply(b).slice(8, -1) === 'Boolean'
Object.prototype.toString.apply(d).slice(8, -1) === 'Date'
Object.prototype.toString.apply(r).slice(8, -1) === 'RegExp'
Object.prototype.toString.apply(r).slice(8, -1) === 'Function'
Object.prototype.toString.apply(c).slice(8, -1) === 'CustomClass'

3. 其他相關(guān)方法

instanceOf運(yùn)算符

該運(yùn)算符期望左操作數(shù)是對(duì)象珠增,右操作符是表示對(duì)象的類, 因?yàn)樗械膶?duì)象都是Object的實(shí)例砍艾,所以判斷一個(gè)對(duì)象是否是一個(gè)類的實(shí)例的時(shí)候蒂教,所有對(duì)該類的"父類"的檢測(cè)也能通過。

var d = new Date();
d instanceof Date; //true
d instanceof Object; //true

為什么不能直接使用instanceOf作為類型檢測(cè)脆荷?原因是Web瀏覽器可能有多個(gè)窗口或者frame存在凝垛,每個(gè)窗口都有自己的JavaScript環(huán)境,都有自己的全局對(duì)象蜓谋,因此一個(gè)窗體中的對(duì)象將不是另外窗體的的構(gòu)造函數(shù)的實(shí)例梦皮。

isPrototypeOf

JavaScript希望將原型對(duì)象作為類的唯一標(biāo)志,例如桃焕,如下的Cat的實(shí)例可以通過isPrototypeOf的方法來(lái)判定它是否是屬于Cat類:

function Cat(){}
var cat = new Cat();
Cat.prototype.isPrototypeOf(cat);

使用constructor.prototype判斷為什么不可靠

創(chuàng)建對(duì)象有三種方法中剑肯,分別是
(1)對(duì)象直接量, var o = {};
(2)通過new观堂,var Cat=function(){} var c = new Cat();
(3)通過Object.create让网,Object.create({})

其中(2)(3)想要通過constructor.prototype來(lái)判定對(duì)象所屬類是不可靠的,舉例:

function F(){};
F.prototype = {y: 1};
var o = new F();
o.constructor.prototype === F.prototype; // false 
o.constructor.prototype === Object.prototype; // true 
F.prototype.isPrototypeOf(o); // true

var p = {x:1};
var o2 = Object.create(p);
o2.constructor.prototype === p; // false
o2.constructor.prototype === Object.prototype; // true 
p.isPrototypeOf(o2); // true

初始化對(duì)象的constructor則不能作為類的標(biāo)志师痕,因?yàn)閮蓚€(gè)不同個(gè)構(gòu)造函數(shù)的prototype屬性可能指向同一個(gè)原型對(duì)象溃睹。但因?yàn)闃?gòu)造函數(shù)的”外在表現(xiàn)“,它的名字常被用作類名胰坟,而且instanceOf的表現(xiàn)強(qiáng)化了”構(gòu)造函數(shù)是類的共有標(biāo)志“的印象因篇。

NaN

NaN === NaN // false
isNaN(NaN) // true

4. 使用總結(jié)

is null:  val === null 
is undefiend:   val === undefined 
is boolean:   typeof val === 'boolean' 
is string:   typeof val === 'string' 
is number:   typeof val === 'number' 
is object:   Object.prototype.toString.apply(val).slice(8, -1) === 'Object' 
is date:   Object.prototype.toString.apply(val).slice(8, -1) === 'Date' 
is array:   Object.prototype.toString.apply(val).slice(8, -1) === 'Array' 
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惜犀,更是在濱河造成了極大的恐慌铛碑,老刑警劉巖狠裹,帶你破解...
    沈念sama閱讀 221,430評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件虽界,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡涛菠,警方通過查閱死者的電腦和手機(jī)莉御,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)俗冻,“玉大人礁叔,你說(shuō)我怎么就攤上這事∑。” “怎么了琅关?”我有些...
    開封第一講書人閱讀 167,834評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)讥蔽。 經(jīng)常有香客問我涣易,道長(zhǎng),這世上最難降的妖魔是什么冶伞? 我笑而不...
    開封第一講書人閱讀 59,543評(píng)論 1 296
  • 正文 為了忘掉前任新症,我火速辦了婚禮,結(jié)果婚禮上响禽,老公的妹妹穿的比我還像新娘徒爹。我一直安慰自己,他們只是感情好芋类,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,547評(píng)論 6 397
  • 文/花漫 我一把揭開白布隆嗅。 她就那樣靜靜地躺著,像睡著了一般侯繁。 火紅的嫁衣襯著肌膚如雪胖喳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,196評(píng)論 1 308
  • 那天巫击,我揣著相機(jī)與錄音禀晓,去河邊找鬼。 笑死坝锰,一個(gè)胖子當(dāng)著我的面吹牛粹懒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播顷级,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼凫乖,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起帽芽,我...
    開封第一講書人閱讀 39,671評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤删掀,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后导街,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體披泪,經(jīng)...
    沈念sama閱讀 46,221評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,303評(píng)論 3 340
  • 正文 我和宋清朗相戀三年搬瑰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了款票。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,444評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泽论,死狀恐怖艾少,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翼悴,我是刑警寧澤缚够,帶...
    沈念sama閱讀 36,134評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站鹦赎,受9級(jí)特大地震影響谍椅,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜钙姊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,810評(píng)論 3 333
  • 文/蒙蒙 一毯辅、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧煞额,春花似錦思恐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至婚温,卻和暖如春描焰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背栅螟。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工荆秦, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人力图。 一個(gè)月前我還...
    沈念sama閱讀 48,837評(píng)論 3 376
  • 正文 我出身青樓步绸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親吃媒。 傳聞我的和親對(duì)象是個(gè)殘疾皇子瓤介,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,455評(píng)論 2 359

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