JS数据类型

#本文仅对js数据类型做区分和比较，不详细探究每种数据类型特性

#参考文章：https://segmentfault.com/a/1190000006752076

一，概述

js中的数据类型只分成两类，但是根据他们的特点，有许多种叫法。本文使用基本类型和引用类型。

基本类型 引用类型
原始类型 对象类型
不能拥有方法的类型 拥有方法的类型
不可变类型 可变类型

二，基本类型

6 种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol (new in ES 6)

1，基本类型的值不可变

1
2
3
var name = 'laura';
name.toUpperCase(); // 输出 'LAURA'
console.log(name); // 输出  'laura'

我们可以发现name并未发生改变，toUpperCase()返回了一个新的字符串

同时，我们也不能给基本类型添加属性和方法

2，基本类型的比较是值的比较

只有在它们的值相等的时候它们才相等。

1
2
3
4
var a = 1;
var b = true;
console.log(a == b);    // true
console.log(a === b);   // false

上面 a 和 b 的数据类型不同，但是也可以进行值的比较，这是因为在比较之前，自动进行了数据类型的 隐式转换。

  • == : 只进行值的比较
  • === : 不仅进行值得比较，还要进行数据类型的比较

3，基本类型的变量存放在栈区

栈内存中包括了变量的标识符和变量的值

1
2
3
var name = 'Laura';
var city = 'Mars';
var age = 19;

image-20230108124556684

三，引用类型

除过上面的 6 种基本数据类型外，剩下的就是引用类型了，统称为 Object 类型。

细分的话，有：Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型 等。

1，引用类型的值可变

1
2
3
4
5
6
7
var obj = {name:"Laura"};   // 创建一个对象
obj.name = "Li";       // 改变 name 属性的值
obj.age = 19;             // 添加 age 属性
obj.giveMeAll = function(){
  return this.name + " : " + this.age;
};                        // 添加 giveMeAll 方法
obj.giveMeAll();

引用类型可以拥有属性和方法，并且是可以动态改变的

2，引用类型的比较是引用的比较

1
2
3
4
var obj1 = {};    // 新建一个空对象 obj1
var obj2 = {};    // 新建一个空对象 obj2
console.log(obj1 == obj2);    // false
console.log(obj1 === obj2);   // false

因为 obj1 和 obj2 分别引用的是存放在堆内存中的2个不同的对象，故变量 obj1 和 obj2 的值（引用地址）也是不一样的

3，引用类型的值是保存在堆内存（Heap）中的对象（Object）

1
2
3
var person1 = {name:'a'};
var person2 = {name:'b'};
var person3 = {name:'c'};

image-20230108141809002

  • 栈内存中保存了变量标识符和指向堆内存中该对象的指针
  • 堆内存中保存了对象的内容

检测类型

typeof

经常用来检测一个变量是不是最基本的数据类型

1
2
3
4
5
6
7
8
9
10
var a;//typeof a;  undefined
a = null;//typeof a;  object
a = true;//typeof a; boolean
a = 666;//typeof a; number
a = "hello";//typeof a;  string
a = Symbol();//typeof a;  symbol
a = function(){}//typeof a;  function
a = [];//typeof a; object
a = {};//typeof a; object
a = /aaa/g;//typeof a; object

instanceof

用来判断某个构造函数的 prototype 属性所指向的对象是否存在于另外一个要检测对象的原型链上

简单说就是判断一个引用类型的变量具体是不是某种类型的对象

1
2
3
4
({}) instanceof Object              // true
([]) instanceof Array               // true
(/aa/g) instanceof RegExp           // true
(function(){}) instanceof Function  // true