資訊專欄INFORMATION COLUMN
摘要：測(cè)試構(gòu)造函數(shù)的屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置。是全局方法時(shí)使用的原型方法可不填全局方法支持和添加到數(shù)據(jù)類型的原型中，不支持和的可以替代使用方式全局方法原型方法測(cè)試代碼原型方法不支持和，請(qǐng)用
1. 常用的typeof
對(duì)于array、object、null的判斷是不友好的，可以看下圖的執(zhí)行結(jié)果。
var obj = {
number:123,
string: "123",
bool: true,
obj: {},
arr: [],
n: null,
undef: undefined,
fn: function () {}
}
for(key in obj) {
console.log(key + ": " + typeof obj[key])
}
2. instanceof
instanceof測(cè)試構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置。
如果你了解原型鏈，你會(huì)知道原型鏈的復(fù)雜性，instanceof得到的值并不是固定不變的，它會(huì)沿著原型鏈查找，最明顯的是所有的基本數(shù)據(jù)類型都繼承與Object.protype.
[任何數(shù)據(jù)類型] instanceof Object > true
如下圖：
下面是兼容性方案最好、最全面、也是最有效的：
下面有兩種實(shí)現(xiàn)方式(原型方法和全局方法)，可以根據(jù)自己的需要選擇。
(function () {
function isType(data,type) {
// data是全局方法時(shí)使用的,原型方法可不填
return Object.prototype.toString.call(data || this) === "[object " + type + "]"
}
// 全局方法支持null和undefined
// window.isType = isType
// 添加到數(shù)據(jù)類型的原型中，不支持null和undefined
// ES6的proxy可以替代defineProperty
Object.defineProperty(Object.prototype,"isType",{
value:isType,
writable:true,
enumerable:false,
configurable:true
});
})()
使用方式：
var str = "abc";
// 全局方法
isType("String", str) // True
// 原型方法
str.isType("String")
測(cè)試代碼：
var obj = {
test: {
number:123,
string: "123",
obj: {},
bool: true,
arr: [],
n: null,
undef: undefined,
fn: function () {
}
}
}
// 原型方法不支持null和undefined，請(qǐng)用“===”
console.log(obj.test.number.isType("Number"))
console.log(obj.test.number.isType("String"))
console.log(obj.test.string.isType("String"))
console.log(obj.test.string.isType("Number"))
console.log(obj.test.obj.isType("Object"))
console.log(obj.test.obj.isType("Array"))
console.log(obj.test.arr.isType("Array"))
console.log(obj.test.arr.isType("Object"))
console.log(obj.test.fn.isType("Function"))
console.log(obj.test.fn.isType("Object"))
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103099.html
摘要：前言最近我在關(guān)注的使用，期間一直基于官方的調(diào)試，今天遇到一個(gè)奇葩的問(wèn)題，捉摸了半天最終找到原因，原來(lái)是中布局的問(wèn)題，事后感覺有必要分享一下這個(gè)過(guò)程，一來(lái)可以鞏固測(cè)量的知識(shí)，二來(lái)希望大家能避開這個(gè)坑閱讀指南代碼基于，看官老爺最好能下載前言 最近我在關(guān)注ViewPager2的使用，期間一直基于官方的Demo調(diào)試android-viewpager2，今天遇到一個(gè)奇葩的問(wèn)題，捉摸了半天最終找到原因，...
摘要：解決方案對(duì)瀏覽器進(jìn)行判斷，如果是小程序官方判斷條件就跳過(guò)授權(quán)登錄。這樣就規(guī)避了訪問(wèn)非授權(quán)業(yè)務(wù)域名問(wèn)題。 問(wèn)題 小程序webview使用時(shí)出現(xiàn)了這樣的錯(cuò)誤提示 前提條件：嵌入的頁(yè)面域名已經(jīng)申請(qǐng)過(guò)業(yè)務(wù)域名 showImg(https://segmentfault.com/img/bVYr90?w=876&h=277); 然后訪問(wèn)報(bào)如下錯(cuò)誤 showImg(https://segmentfa...
摘要：解決方案對(duì)瀏覽器進(jìn)行判斷，如果是小程序官方判斷條件就跳過(guò)授權(quán)登錄。這樣就規(guī)避了訪問(wèn)非授權(quán)業(yè)務(wù)域名問(wèn)題。 問(wèn)題 小程序webview使用時(shí)出現(xiàn)了這樣的錯(cuò)誤提示 前提條件：嵌入的頁(yè)面域名已經(jīng)申請(qǐng)過(guò)業(yè)務(wù)域名 showImg(https://segmentfault.com/img/bVYr90?w=876&h=277); 然后訪問(wèn)報(bào)如下錯(cuò)誤 showImg(https://segmentfa...
閱讀 1839·2021-11-11 16:55
閱讀 761·2019-08-30 15:53
閱讀 3600·2019-08-30 15:45
閱讀 748·2019-08-30 14:10
閱讀 3277·2019-08-30 12:46
閱讀 2134·2019-08-29 13:15
閱讀 2035·2019-08-26 13:48
閱讀 943·2019-08-26 12:23
