在vue的源碼中,vue/src/shared/util.js文件中存放的是一些方法。其中作者用了Object.prototype.toString這個(gè)方法來判斷類型,但是并沒有直接用,而是單獨(dú)保存在一個(gè)變量:
const _toStr = Object.prototype.toString
那么為什么要這么做呢?
先說下判斷類型。眾所周知,typeof在判斷對(duì)象時(shí)不能正確判斷Null,并且不能識(shí)別出Array,但在判斷基礎(chǔ)類型時(shí)是沒問題的。所以尤大也寫了:
export function isPrimitive (value: any): boolean %checks { return ( typeof value === 'string' || typeof value === 'number' || // $flow-disable-line typeof value === 'symbol' || typeof value === 'boolean' )}判斷Object也做了區(qū)分,isObject和isPlainObject :
export function isObject (obj: mixed): boolean %checks { return obj !== null && typeof obj === 'object'}export function isPlainObject (obj: any): boolean { return _toString.call(obj) === '[object Object]'}到了判斷復(fù)雜類型的時(shí)候,一般我們用Object.prototype.toString或者是instanceof。如果是前者的話會(huì)返回類似'[object Object]'的字符串。后者則會(huì)判斷一個(gè)對(duì)象的原型鏈上是否存在一個(gè)構(gòu)造函數(shù)。
兩者還有一些不同。Object.prototype.toString.call(1) 和 Object.prototype.toString.call(Number(1))時(shí),返回的都是"[object Number]",也就是說,它并不能區(qū)分原始類型和復(fù)雜類型??梢姡?code>Object.prototype.toString.call并不像很多教程說的那樣好用。
Object.prototype.toString.call(1)"[object Number]"Object.prototype.toString.call(Number(1))"[object Number]"
如果要使用,就需要像尤大一樣,把原始類型單獨(dú)拎出來判斷,再去判斷復(fù)雜類型,而走到這一步的時(shí)候尤大就寫了上面說那行const _toStr。這是因?yàn)椋瑃oString實(shí)在是太容易被重寫了。如果toString被其他人重寫,將會(huì)對(duì)代碼中涉及到的部分造成影響,所以就保存下來防止這種情況發(fā)生。
補(bǔ)充:Object.prototype.toString方法的原理
前言
我們?cè)谂袛嘁粋€(gè)對(duì)象的內(nèi)置類型時(shí),我們一般可以使用以下方法:
var arr = [];console.log(Object.prototype.toString.call(arr)) //"[object Array]"
那么,這個(gè)方法的原理是什么呢?
ECMAScript 3
在toString方法被調(diào)用時(shí),會(huì)執(zhí)行下面的操作步驟:
1. 獲取this對(duì)象的[[Class]]屬性的值.
2. 計(jì)算出三個(gè)字符串"[object ", 第一步的操作結(jié)果Result(1), 以及 "]"連接后的新字符串.
3. 返回第二步的操作結(jié)果Result(2).
[[Class]]是一個(gè)內(nèi)部屬性,所有的對(duì)象(原生對(duì)象和宿主對(duì)象)都擁有該屬性.在規(guī)范中,[[Class]]是這么定義的
[[Class]] 一個(gè)字符串值,表明了該對(duì)象的類型.
新聞熱點(diǎn)
疑難解答
圖片精選