详解JavaScript中的数据类型,以及检测数据类型的方法
一.js中的数据类型有哪些?
在js中,基本数据类型有五种,分别是 string、number、boolean、null、undefined,不过在ES6中新增加的了一种基本数据类型Symbol(表示独一无二的值),其作用主要是从根本上防止属性名的冲突而设定的。
除了基本数据类型之外,还有引用数据类型object,也有人称之为复杂数据类型,包含了我们常见的Array、Object、Function等。
所以现在js中的数据类型共有七种。
PS: Symbol数据类型通过Symbol函数生成。也就是说,对象的属性名现在可以有原来的字符串以及现在的Symbol类型俩种了,凡是属性名属于Symbol类型,就是独一无二的,可以保证不会与其他属性名冲突。
Symbol函数还可以接收一个字符串参数,表示对Symbol实例的描述。
let s = Symbol() console.log(typeof s) // "symbol" let s1 = Symbol('s1') let s2 = Symbol('s2') console.log(s1) // Symbol(s1) console.log(s2) // Symbol(s2)
注意:Symbol函数的参数只是表示对当前实例的描述,因此相同参数的Symbol的返回值是不相等的。
二.js数据类型检测的方法(一般有一下几种):
1.typeof:typeof一般用于检测基本数据类型,因为它检测引用数据类型都返回Objcet
console.log(typeof 1) // "number" console.log(typeof 'a') // "string" console.log(typeof undefined) // "undefined" console.log(typeof true) // "boolean" console.log(typeof null) // "object" console.log(typeof ) // "symbol" function fun(){ } console.log(typeof fun) // "function"
注意:typeof检测null也会返回Object,这是js一直以来遗留的BUG。用typeof检测function返回的是'function'。
2.instanceof 这个方法主要是用来准备的检测引用数据类型的(不能用来检测基本数据类型),用来检测构造函数的prototype属性是否出现在对象原型链中的任意位置。
let fun = function(){ } fun instanceof Function //true let obj ={ } obj instanceof Object //true let arr = [ ] arr instanceof Array //true
曾今被面试官问过一道题 1 instanceof 返回的是什么? 当时给因为自身原因说了返回true,现在想想Emmm…
1 instanceof Number //false null instanceof Object // false
instanceof运算符直接访问的变量的原始值,不会自动建立包装类。因此不能用来判断基本数据类型。
3.Object.prototype.toString()可以用来准备的检测所有数据类型。
Object.prototype.toString.call([]) // "object Array" Object.prototype.toString.call(1) // "object Number" Object.prototype.toString.call(null) // "object Null" Object.prototype.toString.call(undefined) // "object Undefined" Object.prototype.toString.call({}) // "object Object" Object.prototype.toString.call(function add(){}) // "object Function" ....
4.constructor通过检测类型在原型链中的constructor指向来返回布尔值。
let arr =[] arr.constructor==Array // true let fun = function(){} fun.constructor==Function //true
注意:null和undefined是没有constructor属性的,可以用其他方法判断。
通过几这次的总结,对于js的数据类型,以及如何检测数据类型有了深刻的认识,下次面试不慌张~
以上就是详解JavaScript中的数据类型,以及检测数据类型的方法的详细内容,更多关于JavaScript 数据类型的资料请关注脚本之家其它相关文章!
相关文章
document.getElementById的简写方式(获取id对象的简略写法)
在js编写中,经常需要获取id对象,如果直接用getElementById来获取,代码多而且老的浏览器不支持这属性,所有大家可以考虑用下面的代码。2010-09-09javascript cookie基础应用之记录用户名的方法
这篇文章主要介绍了javascript cookie基础应用之记录用户名的方法,涉及javascript基于cookie针对数据存储的简单应用,需要的朋友可以参考下2016-09-09ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
这篇文章主要介绍了ECMAScript6的新特性箭头函数(Arrow Function)详细介绍,ECMAScript6其实就是JavaScript,它的新特性就是JS的新特性,引入只是时间问题,需要的朋友可以参考下2014-06-06JavaScript数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数)
JavaScript数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数)...2006-12-12辨析JavaScript中的Undefined类型与null类型
Undefined与null都是js中的基本数据类型,然而正如它们的名字那样,未初始化和空并不相同,下面我们就来详细辨析JavaScript中的Undefined类型与null类型:2016-05-05javascript实现网页屏蔽Backspace事件,输入框不屏蔽
这篇文章主要介绍了如何实现网页屏蔽Backspace事件而输入框不屏蔽,需要的朋友可以参考下2015-07-07
最新评论