脚本宝典收集整理的这篇文章主要介绍了关于javascript中类型判断的那些疑惑,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
Javascript中数据类型分为两种:
接下来我们就来看看怎么做数据类型判别吧?
首先来看看 typeof
TyPE
Result
Undefined
"undefined"
Null
"object" (see below)
Boolean
"boolean"
Number
"number"
String
"string"
Symbol (new in ECMAScript 2015)
"symbol"
Host object (PRovided by the JS environment)
Implementation-dependent
Function object (implements [[Call]] in ECMA-262 terms)
"function"
Any other object
"object"
来点code demo吧
let a = undefined;
typeof a
"undefined"
let b = false;
typeof b
"boolean"
let c = 12;
typeof c
"number"
let d = '12';
typeof d
"string"
let f = function () {};
typeof f
"function"
接下来我们就来看看那些奇怪的现象吧
let str = new String('abc');
typeof str
"object"
let num = new Number(12);
typeof num
"object"
VAR func = new Function();
typeof func;
"function"
typeof null
"object"
使用构造函数创建的变量,使用typeof判断会返回“object”结果,但是Function函数例外,由它创建的变量typeof返回的是“function”
接着就来说说typeof null == "object"。这个相信前端开发的小伙伴都知道是这个结果了,But why? 这其实是javascript第一个版本就存在的一个bug,历史原因可以看看这篇文章The history of typeof null
关于如何判断数组
let arr = [1, 2, 3];
typeof arr
"object"
第三种用法用的人应该比较少,不少前端的的小伙伴都没用过。对于复杂类型Object,它的每个实例都有constructor属性。
instanceof vs isArray
当检测Array实例时, Array.isArray 优于 instanceof,因为Array.isArray能检测iframes.
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;
var arr = new xArray(1,2,3); // [1,2,3]
// Correctly checking for Array
Array.isArray(arr); // true
// Considered harmful, because doesn't work though iframes
arr instanceof Array; // false
这段代码是从MDN copy的。补充以下结果,发现第三种方法constructor.name也能正确判断出。
arr.constructor.name //"Array"
关于NaN
isNaN(1/'a') // true
我们知道NaN == NaN结果是false,那如何判断两个NaN变量呢?
比较两个NaN变量,使用es6的Object.is()即可。
let nan1 = NaN
let nan2 = NaN
Object.is(nan1, nan2)
true
以上是脚本宝典为你收集整理的关于javascript中类型判断的那些疑惑全部内容,希望文章能够帮你解决关于javascript中类型判断的那些疑惑所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。