- A+
所属分类:Web前端
数据类型
基本类型
String、Number、Boolean、Null、Undefined
引用类型
Object、Array、Function
判断数据类型的方式
1. 使用 typeof
typeof 'test' // string typeof 1880 // number typeof true // boolean typeof null // object typeof undefined // undefined typeof {} // object typeof [] // object typeof function() {} // function
缺点:判断基本类型还是可以的,判断引用类型作用就没那么大了。无法校验数组、对象、Null
2. 使用 constructor
let xiaoming = 'text'; xiaoming.constructor // String(){} let xiaoming = 1880; xiaoming.constructor // Number(){} let xiaoming = true; xiaoming.constructor // Boolean(){} let xiaoming = null; xiaoming.constructor // 报错 let xiaoming = undefined; xiaoming.constructor // 报错 let xiaoming = {}; xiaoming.constructor // Object(){} let xiaoming = []; xiaoming.constructor // Array(){} let xiaoming = function() {}; xiaoming.constructor // Function(){}
缺点:无法校验 Null 和 Undefined
3. 使用 instanceof
function A() {} function A1() {} function B() {} A1.prototype = new A(); // A1 继承 A let xiaoming = new A1(); // 实例化 console.log(xiaoming instanceof A); // true console.log(xiaoming instanceof A1); // true console.log(xiaoming instanceof B); // false
缺点:只适用于判断对象属于什么类型,其他的都不太适用
4. 使用 Object.prototype.toString.call()
Object.prototype.toString.call('text'); // [object String] Object.prototype.toString.call(1880); // [object Number] Object.prototype.toString.call(true); // [object Boolean] Object.prototype.toString.call(null); // [object Null] Object.prototype.toString.call(undefined); // [object Undefined] Object.prototype.toString.call({}); // [object Object] Object.prototype.toString.call([]); // [object Array] Object.prototype.toString.call(function() {}); // [object Function]
目前比较准确的一种方式
文章的内容/灵感都从下方内容中借鉴
-
【持续维护/更新 500+前端面试题/笔记】https://github.com/noxussj/Interview-Questions/issues
-
【大数据可视化图表插件】https://www.npmjs.com/package/ns-echarts
-
【利用 THREE.JS 实现 3D 城市建模(珠海市)】https://3d.noxussj.top/