JS引用类型

1.JS中的类型

  • 基本类型

    String

    Boolean

    Number

    undefined

    Null

    Symbol

  • 引用类型

    Object

对于基本类型，=代表的是值得拷贝，===代表的是值得比较。

对于引用类型，=代表的是引用地址的拷贝，===代表的是引用地址的比较。

2.几个例子深入理解

  • 案例一
1
2
3
4
5
let a = 1;
let b = a;
a === b // true
b = 2;
a === 1 ; //true

基本类型Number，赋值为拷贝，当 b改变的时候不会影响到a

  • 案例二
1
2
3
4
5
let a = {};
let b = {};
let c = a ;
a === b //false
a === c //true

引用类型Object，比较的是引用地址，a和b的引用地址明显是不同的，所以他们不相等。

c得到了a的引用的地址，因此a===c

  • 案例三
1
2
3
4
5
let a = {name:'张三',info:{age:11,sex:'男'}};
let b = a;
b.info.age = 22;
a === b //true
a.info.age === 22 //true

因为a和b指向同一个地址，所以b做修改的时候，a同样修改了。

  • 案例四
1
2
3
4
5
let a = {name:'张三',info:{age:11,sex:'男'}};
let b = a ; //展开运算符浅拷贝
a === b //false
a.name === b.name //true
a.info === b.info //true

因为展开运算符是浅拷贝，所以两个对象指向不同的地址，即a!==b。

但是浅拷贝毕竟是浅拷贝。

name是基本类型，拷贝的值，所以相同。

info为引用类型，拷贝的地址，也相同。

  • 案例五
1
2
3
4
5
6
let a = {name:'张三',info:{age:11,sex:'男'}};
let b = JSON.parse(JSON.stringify) ; //深拷贝
a === b //false
a.name === b.name //true
a.info === b.info //false
a.info.age === b.info.age//true

深拷贝了，其他的不用说。

因为深拷贝过了，info指向的就是各自的地址了，没啥关系了。

但是基本类型该相同相同。