成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

重學(xué)JS: 數(shù)據(jù)類型及類型檢測

why_rookie / 2436人閱讀

摘要：數(shù)據(jù)類型七種內(nèi)置類型空值未定義布爾值數(shù)字字符串對象符號除對象之外，其他統(tǒng)稱為基本類型類型檢測運(yùn)算符后面跟操作數(shù)，或者，返回一個類型的字符串值。運(yùn)算符用于測試構(gòu)造函數(shù)的屬性是否出現(xiàn)在對象的原型鏈中的任何位置。

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

JavaScript七種內(nèi)置類型：

空值（null）

未定義（undefined）

布爾值（boolean）

數(shù)字（number）

字符串（string）

對象（object）

符號（symbol）

除對象之外，其他統(tǒng)稱為基本類型

類型檢測 typeof

typeof運(yùn)算符后面跟操作數(shù)，typeof operand 或者 typeof (operand)，返回一個類型的字符串值。

示例: 
typeof undefined === "undefined" // true
typeof true === "boolean" // true
typeof 1 === "number" // true
typeof "test" === "string" // true
typeof {} === "object" // true
typeof Symbol() === "symbol" // true
特殊示例： 
typeof null === "object"
typeof function () {} === "function"
typeof [1] === "object"

typeof 對null的處理有問題，正確的結(jié)果應(yīng)該是"null"，但是實(shí)際返回的是"object"，這個bug由來已久，也許以后也不會修復(fù)。

typeof function() {}返回的是一個"function"，似乎function也是JavaScript的一個內(nèi)置對象，實(shí)際上函數(shù)是一個可調(diào)用對象，它有一個內(nèi)部屬性[[Call]]，該屬性使其可以被調(diào)用。

typeof [1]返回"object"，說明數(shù)組也是object類型，實(shí)際上它是object的一個子類型，和普通對象通過字符串鍵索引不同，數(shù)組通過數(shù)字按順進(jìn)行索引。

總結(jié)表格：

instance

typeof是檢測基本數(shù)據(jù)類型的最佳工具，但是檢測引用類型的值時作用不大，都會返回"object"，這時候就需要instance操作符了。instance運(yùn)算符用于測試構(gòu)造函數(shù)的protytpe屬性是否出現(xiàn)在對象的原型鏈中的任何位置。

用法：object instanceof constructor，object: 要檢測的對象，constructor某個構(gòu)造函數(shù)

示例: 
function A() {}
function B() {}
function C() {}
A.prototype = new C()
const a = new A()
console.log(a instanceof A) // a是A類的實(shí)例 true
console.log(a instanceof C) // A繼承C true
console.log(a instanceof B) // a不是A類的實(shí)例 false
console.log(a instanceof Object) // Object實(shí)所有引用類型的父類 true
console.log(A.prototype instanceof Object) // true
A.prototype = {}
a1 = new A()
console.log(a1 instanceof A) // true
console.log(a instanceof A) // false
const date = new Date()
console.log(date instanceof Date) // true
原理 
function instance_of(L, R) {//L 表示左表達(dá)式，R 表示右表達(dá)式
 var O = R.prototype;// 取 R 的顯示原型
 L = L.__proto__;// 取 L 的隱式原型
 while (true) { 
   if (L === null) 
     return false; 
   if (O === L)// 這里重點(diǎn)：當(dāng) O 嚴(yán)格等于 L 時，返回 true 
     return true; 
   L = L.__proto__; 
 } 
}

想要對instanceof運(yùn)算符有更加深入的了解車票

toString

toString()方法返回一個表示該對象的字符串，每個對象都有一個toString()方法，當(dāng)該對象被表示為一個文本值時，或者一個對象以預(yù)期的字符串方式引用時自動調(diào)用。默認(rèn)情況下，toString()方法被每個Object對象繼承。如果此方法在自定義對象中未被覆蓋，toString()返回"[object type]"，其中type是對象的類型

示例 
const toString = Object.prototype.toString
console.log(toString.call(null)) // [object Null]
console.log(toString.call(undefined)) // [object Undefined]
console.log(toString.call(new String)) // [object String]
console.log(toString.call(Function)) // [object Function]
console.log(toString.call(new Date)) // [object Date]
console.log(toString.call("new Date")) // [object String]
console.log(toString.call(["a"])) // [object Array]

從示例可以看出，Object.prototype.toString.call()可以準(zhǔn)確表示數(shù)值的類型

總結(jié)

typeof運(yùn)算符適合檢測基本數(shù)據(jù)類型，且返回類型的字符串

instanceof運(yùn)算符適合檢測引用類型值

toString()返回對象的類型，可以準(zhǔn)確判斷數(shù)值的類型

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104902.html

相關(guān)文章

  • 1. 重新認(rèn)識 JavaScript 類型

    摘要：重新認(rèn)識類型數(shù)據(jù)類型重學(xué)前端系列筆記前言最新在看大神的專欄重學(xué)前端，感慨頗多，收益也頗多。實(shí)際上是能夠表示的最小精度。也可以是對象類型這個類型是新增的一個類型。主要用于解釋字符集等。 title: 1. 重新認(rèn)識 JavaScript 類型date: 2019-03-27 11:12:47 +0800tags: [JavaScript數(shù)據(jù)類型]categories: 重學(xué)前端系列筆記...

    Drinkey 評論0 收藏0

  • 【重學(xué)前端專欄學(xué)習(xí)筆記】建立系統(tǒng)的知識架構(gòu)體系

    摘要：首先一上來就分享了兩個學(xué)習(xí)方法建立知識架構(gòu)追本溯源。列一份前端知識架構(gòu)圖在這章節(jié)中，分享了本專欄要學(xué)習(xí)的知識架構(gòu)瀏覽器的實(shí)現(xiàn)原理和前端工程實(shí)踐四個模塊。最后一個是前端工程實(shí)踐，從性能工具鏈持續(xù)集成搭建系統(tǒng)架構(gòu)與基礎(chǔ)庫五個方面講起。 明確你的前端學(xué)習(xí)路線 自己特別喜歡屯課，看著自己買的課，有種滿足感，仿佛知識都是我的了，翻看極客時間買的課，決定這段時間把重學(xué)前端專欄學(xué)習(xí)一遍。 從周六到今...

    shaonbean 評論0 收藏0

  • 重學(xué)JS: 隱式強(qiáng)制類型轉(zhuǎn)換

    摘要：隱式強(qiáng)制類型轉(zhuǎn)換指的是那些隱藏的強(qiáng)制類型轉(zhuǎn)換，副作用也不是很明顯，事實(shí)上，只要自己覺得不夠明顯的強(qiáng)制類型轉(zhuǎn)換都可以算作隱式強(qiáng)制類型轉(zhuǎn)換，接下來，此文將會介紹幾種常見的隱式類型轉(zhuǎn)換。 隱式強(qiáng)制類型轉(zhuǎn)換指的是那些隱藏的強(qiáng)制類型轉(zhuǎn)換，副作用也不是很明顯，事實(shí)上，只要自己覺得不夠明顯的強(qiáng)制類型轉(zhuǎn)換都可以算作隱式強(qiáng)制類型轉(zhuǎn)換，接下來，此文將會介紹幾種常見的隱式類型轉(zhuǎn)換。 加法操作符 轉(zhuǎn)換規(guī)則： ...

    Fourierr 評論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（六）--JavaScript類型有哪些你不知道的細(xì)節(jié)？

    摘要：的碼點(diǎn)被稱為基本字符區(qū)域。關(guān)于的介紹，我準(zhǔn)備用文檔阮一峰來做一些介紹，具體的可以參考文檔引入的原因的對象屬性名都是字符串，這容易造成屬性名的沖突。其他的一些屬性可以去看文檔阮一峰注意函數(shù)前不能使用命令，否則會報(bào)錯。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完...

    Lsnsh 評論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（六）--JavaScript類型有哪些你不知道的細(xì)節(jié)？

    摘要：的碼點(diǎn)被稱為基本字符區(qū)域。關(guān)于的介紹，我準(zhǔn)備用文檔阮一峰來做一些介紹，具體的可以參考文檔引入的原因的對象屬性名都是字符串，這容易造成屬性名的沖突。其他的一些屬性可以去看文檔阮一峰注意函數(shù)前不能使用命令，否則會報(bào)錯。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完...

    joyvw 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<