javascript这样学——彻底搞懂js数据类型

数据类型

js是动态类型语言，变量的数据类型可以随时被改变，主要分为基本类型和引用类型两种。javascript的引擎一般是c/c++开发的，我们不用太多关注堆(stack)和栈(heap)的概念，但也可以简单了解一下。

基本类型

基本类型是按值访问的，数据存储在栈中。

• String：字符串
• Number：数字
• Boolean：布尔
• Null：空，一般我们会用null来释放引用类型数据所占用的内存。

var a = {name: 'tom'};
// 通过赋值null释放内存
a = null;

• Undefined：未定义

引用类型

引用类型是按引用访问的，其指针存储在堆中，通过指针去访问堆中的数据。

• Object：对象
• Array：数组
• Function：函数

由于引用类型的特殊性，我们在操作引用类型数据时，需要特别小心，否则会有意想不到的结果发生。

var a = {
  name: 'jerry'
};
var b = a;
b.name = 'jack';
console.log(a);
// 控制台输出{name: "jack"}，这是因为a,b访问的是同一段内存的堆数据，b=a语句并没有重新开辟内存空间，区别仅仅是a,b两者的指针不同，通过任何一个指针去修改堆中的数据，都会影响到其他的指针访问。

判断数据类型

typeof运算符

typeof对变量进行运算的结果一览表：

• String

typeof 'a'
// 输出："string"

• Number

typeof 1
// 输出："number"

• Boolean

typeof true
// 输出："boolean"

• Null

typeof null
// 输出："object"

• Undefined

typeof undefined
// 输出："undefined"

• Object

typeof {a:1}
// 输出："object"

• Array

typeof [1,2,3]
// 输出："object"

• Function

typeof function(){}
// 输出："function"

可以看到，Null, Object, Array类型数据通过typeof运算符得到的结果都是"object"，那么如何准确的区分所有变量类型呢？

toString()

我们利用Object.prototype.toString.call()可以准确地区分js中的所有数据类型，先看一下使用到不同类型的输出是什么。

• String

Object.prototype.toString.call('tom')
// 输出："[object String]"

• Number

Object.prototype.toString.call(100)
// 输出："[object Number]"

• Boolean

Object.prototype.toString.call(true)
// 输出："[object Boolean]"

• Null

Object.prototype.toString.call(null)
// 输出："[object Null]"

• Undefined

Object.prototype.toString.call(undefined)
// 输出："[object Undefined]"

• Object

Object.prototype.toString.call({})
// 输出："[object Object]"

• Array

Object.prototype.toString.call([])
// 输出："[object Array]"

• Function

Object.prototype.toString.call(function(){})
// 输出："[object Function]"

可以发现，js中这八大数据类型都能得到准确的区分了。

更优雅的封装

得到"[object Function]"这样的结果在实际应用时，判断还是有点容易写错，所以有必要再做一些封装。

// 利用正则表达式进行优雅的封装，实现更简洁的调用
function getType(val) {
    return Object.prototype.toString.call(val).replace(/\[object\s(\w+)\]/, '$1').toLowerCase();
}
getType(1);
// 输出："number"

那么为什么要用Object.prototype.toString呢？且听下文分解。