js对象赋值是按引用的赋值 如何让它按值赋值

JavaScript017

js对象赋值是按引用的赋值 如何让它按值赋值,第1张

基本类型

基本的数据类型有：undefined，boolean，number，string，null。 基本类型存放在栈区，访问是按值访问的，就是说你可以操作保存在变量中的实际的值。

当基本类型的数据赋值时，赋得是实际的值，a和b是没有关联关系的，b由a复制得到，相互独立。（字面量的才是基本类型）

var a=10

var b=a

console.log(a+','+b) // 10,10

a++

console.log(a+','+b) // 11,10

我们先来复习下数据类型相关知识：

此处引申知识点：基本数据类型

这里所说的赋值是对象的引用赋值，当我们把一个对象赋值给一个新的变量时，赋的其实是该对象在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。即默认拷贝构造函数只是对对象进行浅拷贝复制（逐个成员依次拷贝），即只复制对象空间而不复制资源。

由此可见浅拷贝只解决了第一层的问题，如果接下去的值中还有对象，两者享有相同的地址。

深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。

JS基本数据类型：null undefined number boolean

string比较特殊

引用数据类型：function object array

var a = 11

var b = 1

b = 12

console.log(a)//11 a的值不会随b值得改变而改变

var a = [1,2,3]

var b = a

a[0] = 2

console.log(b[0]) //2, b的值随着a的值改变而改，因为他们指向同一个内存地址

var a = [1,2,3]

var b = a

b = [11, 12, 13]//b指向了另一个内存地址，与a断开关联

a[0] = 2

console.log(b[0]) //11，b的值不随a的值改变而改变

比如说 var a = 11是基本数据类型，因此变量a存放的就是1这个值

var b = [1,2,3]，[1,2,3]是引用数据类型，[1,2,3]是放在内存中的，而变量b存放的是[1,2,3]的地址，而不是[1,2,3]这个值

当使用b这个变量时，js解释器会通过b存放的内存地址，找到内存中的相应地址，将其中的值取出来返回