javascript中基本数据类型和引用类型的区别分析

本篇文章给大家带来的内容是关于javascript中基本数据类型和引用类型的区别分析，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

前言

JS中的类型只有6种，其中基本数据类型有5种分别为string,number,boolen,null,undefined，引用类型有一种，就是object，object是一个大的综合体，在JS中除了那5个基本数据类型以外，其他的一切皆对象。

正文

两个对比的例子

基本数据类型

var a = 100;
var b = a;
a++

console.log(a)//101
console.log(b)//100

登录后复制

引用类型（对象）

var obj1 = new object();
var obj2 = new object();
    obj1.age = 18;
    obj2 = obj1;
    obj1.age++

console.log(obj1.age)//19
console.log(obj2.age)//19

登录后复制

可以看到上面两个例子都是改变了值，基本数据类型是被赋值的不会变，而引用的是被赋值的也会随之发生改变，那么这是为什么呢？其实很简单，一句话就可以概括：因为基本数据类型保存的是值，而引用类型保存的是地址。

解释例子

创建一个新的变量时，会将它存放在栈中，如果是对象的话，就会在另外的更大的堆中划分一片区域，那么在栈中该对象存放的就是在堆中的地址。

基本数据类型

javascript中基本数据类型和引用类型的区别分析-LMLPHP

如上图，基本数据类型是直接在栈中存放值的，当a发生变化的时候，b不会发生变化，因为b只是等于a的值，和a没有什么关系。

引用类型（对象）

javascript中基本数据类型和引用类型的区别分析-LMLPHP

在obj1和obj2中存放的都是地址，obj2不是等于obj1的值，而是等于obj1在堆中存放的地址，所以当地址中的内容发生变化时，obj2的内容也会发生变化。只要创建一个新的对象，在堆中就会开辟一个新的区域去存放对象的属性和方法等内容。