JavaScript 数据类型与类型判断详解

一、JavaScript 数据类型

JavaScript 数据类型有两种，分别是基本数据类型和引用数据类型。

• 基本数据类型
  • Number
  • String
  • Boolean
  • Undefined
  • Null
  • Symbol (ES6 新增，表示独一无二的值)
• 引用数据类型
  • Object
  • Function
  • Array

我们来详细了解一下这两种数据类型的特点

1.基本数据类型

值不可变

基本类型的值是不可变的

var name = 'javascript';
name.toUpperCase(); //  'JAVASCRIPT'
console.log(name); //  'javascript'

但是我们不是经常有 ++a 这种操作吗？比如

let a = 1
console.log(++a) // '2'

其实这个时候并不是 a 指向的 1 直接加了 1，而是 新建了一个 1+1 = 2 的值，再将 a 指向这个新建出来的 2，原来的那个 1 并没有发生改变，留由垃圾回收机制处理。也就是说不是 a 指向的值发生了改变，而是 a 变量指针指向了一个新的值，这和「基本类型的值是不可变的」这句话并不矛盾。

数据存放在栈区

原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储。

2.引用数据类型

值是可变的

let a = {
    age : 20 }；
a.age = 21；
console.log(a.age)    //21

同时保存在栈内存和堆内存

引用数据类型占据空间大，大小不固定，储存在堆内存，但是指向该引用数据类型的变量指针「a」是储存在栈内存中。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。

二、数据的赋值

基本数据类型的赋值为复制了一个新的值，对新变量的修改不会影响原变量

let a = 1;
let b = a;
b++
console.log(a)   // 1
console.log(b)   // 2

在内存中的变化如图：

但是引用数据类型就不一样，因为引用数据内型占用空间大，所以赋值操作是将新变量指针指向了原对象，修改其一都会影响到另一个。

let a={
   id=1234}
let b=a
b.id=1222
console.log(a.id) // 1222
console.log(b.id) // 1222

在内存中的变化如图：

关于引用对象的拷贝又分为深拷贝和浅拷贝，限于篇幅就留给下篇文章了

三、检验数据类型

typeof

这应该初学者首次接触的类型判断方法了，它返回一个表示数据类型的字符串，返回结果包括：

• number
• boolean
• string
• symbol
• object
• undefined
• function

但是不能判断 array 和 null