Javascript------拷贝及简单内存机制

Javascript-----拷贝

要说到Javascript中的拷贝，就必须了解Javascript的内存机制。
一般来说，根据数据类型分为两种，一种是基本数据类型，存储在栈中，另一种是引用数据类型，存储在堆中

基本数据类型拷贝

基本数据类型包括Number、String、Boolean、null、undefined。除了null和undefined，他们都和变量一起存储在栈中，当他们被拷贝时，作为“整体”被拷贝/赋值。

var message = "hello";
var phrase = message;	//b同时复制了一样的内容

引用数据类型

引用数据类型包括对象(Object)、数组(Array)、函数(Function)、正则表达式(RegExp).他们的情况和基本数据类型是不一样的，他们存储在堆中，而变量存储的是他们在堆中的引用地址，可以直接和内容联系在一起，这就是所谓的浅拷贝。

var user = {name:"moyu"}
var m = user;

随之带来的问题是：如果改变复制后新产生的值，那么原来的值也会发生改变，造成不必要的麻烦。

var user = {name:"moyu",age:23}
var admin = user;
admin.age = 12;
console.log("user.age",user.age);//结果是user.age 12

var arr = ["moyu",23,{name:"moyu",age:23}];
var a = arr[1];
a++;
console.log(arr[1]);//这里是值传递
var b = arr[2];
b.age++;
console.log(arr[2].age);//b是一个对象，他拥有独立的一个区域，arr所在的区域同样引用的是它的引用地址，改变它的值，整个对象内部就会改变

使用了嵌套的方式，在一个数组中嵌套了一个对象，因此，在判断时，一定要仔细查看当前的数据类型再做判断。

有了浅拷贝，就应该有深拷贝，深拷贝的定义是将完全一样的对象，但是指向不同的指针。
要做到深拷贝，

就要将对象转化成JSON，再将JSON转换成对象。

var obj = {name:"moyu",age:23}
var obj_copy = JSON.parse(JSON.stringify(obj));
console.log("obj",obj);
console.log("obj_copy",obj_copy);
console.log(obj == obj_copy);	//true
console.log(obj === obj_copy);	//false

通过遍历现有属性的结构，在原始类型值的层面，将其复制到新对象，以复制已有对象的结构

let user = {
  name: "moyu",
  age: 30
};

let clone = {}; // 新的空对象

// 将 user 中所有的属性拷贝到其中
for (let key in user) {
  clone[key] = user[key];
}

// 现在 clone 是带有相同内容的完全独立的对象
clone.name = "Pete"; // 改变了其中的数据

console.log(user); // 原来的对象中的 name 属性依然是 John
console.log(clone)	

使用Object.assign

var user = {name:"moyu",age:12}
var user_copy = {};
Object.assign(user_copy,user);	//第一个参数为目标对象，第二个参数为源参数