前言
JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了 Symbol 和 BigInt 数据类型,本文章暂不涉及。)
- 数值(number):整数和小数,(比如
1和1.1)。 - 字符串(string):文本,(比如
Hello World)。 - 布尔值(boolean):表示真伪的两个特殊值,即
true(真)和false(假)。 undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值。null:表示空值,即此处的值为空。- 对象(object):各种值组成的集合
通常,数值、字符串、布尔值这三种类型,合称为原始类型的值,即它们是最基本的数据类型,不能再细分了。 对象则称为引用类型的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。
对象是最复杂的数据类型,又可以分成三个子类型。
- 狭义的对象(object)
- 数组(array)
- 函数(function)
狭义的对象和数组是两种不同的数据组合方式。函数其实是处理数据的方法,JavaScript 把它当成一种数据类型,可以赋值给变量,这为编程带来了很大的灵活性,也为 JavaScript 的“函数式编程”奠定了基础。
类型判断
JavaScript 有三种方法,可以确定一个值到底是什么类型。
typeofinstanceofObject.prototype.toString
一、typeof
typeof能准确的判断原始类型。他将后面接的变量转换为二进制,如果前面三个0则被认为引用类型,否则为原始类型。
数值、字符串、布尔值分别返回number、string、boolean。
typeof 111 // "number"
typeof '111' // "string"
typeof true // "boolean"
函数返回function。
let fn = function(){}
typeof fn //function
对象返回object。
typeof {} // "object"
typeof [] // "object"
上面代码中,空数组([])的类型也是object,这表示在 JavaScript 内部,数组本质上只是一种特殊的对象。因此采用typeof判断引用数据类型是不合适的。
undefined 返回undefined
typeof undefined //undefined
null返回 object。
typeof null // "object"
null的类型是object,这是由于历史原因造成的。1995年的 JavaScript 语言第一版,只设计了五种数据类型(对象、整数、浮点数、字符串和布尔值),没考虑null,只把它当作引用类型的一种特殊值。后来null独立出来,作为一种单独的数据类型,为了兼容以前的代码,typeof null返回object就没法改变了。
二、instanceof
typeof是判断参数是什么的实例,返回值为说明运算数类型的字符串。如果参数为引用类型,那么typeof会始终返回 object 。如果我们需要判断某变量是否为某个对象的实例,那么我们会用到instanceof运算符。
instanceof只能适用于引用类型,不能用于原始类型
var str1 = 'hello word';
var str2 = new String('hello world');
console.log(str1 instanceof String); //false
console.log(str2 instanceof String); //true
instanceof的实现是通过在原型链查找来判断的,以下是instanceof的实现代码
function instanceOf(a, b) {
while (a.__proto__ !== null) {
if (a.__proto__ === b.prototype) {
return true
} else a = a.__proto__
}
return false
}
console.log(instanceOf([], Array));//true
console.log(instanceOf([], Object));//true
console.log(instanceOf([], Number));//false
三、Object.prototype.toString()
Object.prototype.toString 是 JavaScript 中用于获取对象类型信息的一种可靠手段,尤其在处理复杂数据类型和自定义对象时非常实用。他的返回值是由'[object' 和 Class 和 ']'三部分组成的字符串
//原始类型
console.log(Object.prototype.toString.call(1)); //'[object Number]'
console.log(Object.prototype.toString.call(true)); //'[object Boolean]'
console.log(Object.prototype.toString.call(null)); //'[object Null]'
console.log(Object.prototype.toString.call(undefined)); //'[object Undefined]'
console.log(Object.prototype.toString.call('a')); //'[object String]'
//引用类型
console.log( Object.prototype.toString.call({}) ); //”[object Object]”
console.log( Object.prototype.toString.call([]) ); //”[object Array]”
function fn(){}
console.log( Object.prototype.toString.call(fn) ); //”[object Function]”