js数据类型之基本数据类型和引用数据类型-优快云博客

本文深入探讨JavaScript中基本数据类型与引用类型的内存存储方式、值的可变性及比较方式，并通过示例代码详细解释传值与传址的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基本数据类型存放在栈中

存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配，是直接按值存放的，所以可以直接访问。

基本数据类型值不可变

javascript中的原始值（undefined、null、布尔值、数字和字符串）与对象（包括数组和函数）有着根本区别。原始值是不可更改的：任何方法都无法更改（或“突变”）一个原始值。对数字和布尔值来说显然如此 —— 改变数字的值本身就说不通，而对字符串来说就不那么明显了，因为字符串看起来像由字符组成的数组，我们期望可以通过指定索引来假改字符串中的字符。实际上，javascript 是禁止这样做的。字符串中所有的方法看上去返回了一个修改后的字符串，实际上返回的是一个新的字符串值。

基本数据类型的值是不可变的，动态修改了基本数据类型的值，它的原始值也是不会改变的，例如：

var a = 'oop';
oop[0] = 'p';//p
console.log(a) //oop

基本类型的比较是值的比较
基本类型的比较是值的比较，只要它们的值相等就认为他们是相等的，例如：
    var a = 1;
    var b = 1;
    console.log(a === b);//true比较的时候最好使用严格等，因为 == 是会进行类型转换的，比如：
    var a = 1;
    var b = true;
    console.log(a == b);//true


复制代码

引用类型

引用类型存放在堆中

引用类型（object）是存放在堆内存中的，变量实际上是一个存放在栈内存的指针，这个指针指向堆内存中的地址。每个空间大小不一样，要根据情况开进行特定的分配，例如。

var person1 = {name:'jozo'}; var person2 = {name:'xiaom'}; var person3 = {name:'xiaoq'};

引用类型值可变

引用类型是可以直接改变其值的，例如：
    var a = [1,2,3];
    a[1] = 5;
    console.log(a[1]); // 5  引用类型的比较是引用的比较
所以每次我们对 js 中的引用类型进行操作的时候，都是操作其对象的引用（保存在栈内存中的指针）
，所以比较两个引用类型，是看其的引用是否指向同一个对象。例如：
    var a = [1,2,3];
    var b = [1,2,3];
    console.log(a === b); // false
复制代码

#传值与传址

在我们进行赋值操作的时候，基本数据类型的赋值（=）是在内存中新开辟一段栈内存，
然后再把再将值赋值到新的栈中。例如
var a = 10;
var b = a;
a ++ ;
console.log(a); // 11
console.log(b); // 10
复制代码

所以说，基本类型的赋值的两个变量是两个独立相互不影响的变量。


但是引用类型的赋值是传址。只是改变指针的指向，
例如，也就是说引用类型的赋值是对象保存在栈中的地址的赋值，
这样的话两个变量就指向同一个对象，因此两者之间操作互相有影响。例如：

var a = {}; // a保存了一个空对象的实例
var b = a;  // a和b都指向了这个空对象

a.name = 'jozo';
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'

b.age = 22;
console.log(b.age);// 22
console.log(a.age);// 22

console.log(a == b);// true

复制代码