s中有基本数据类型和引用类型；

基本数据类型的变量和值都是存放在栈中，声明之后会分配一块内存区域，基本数据类型之间的赋值是直接把栈内存中存的值赋值给变量（传值）

引用类型的变量存在栈中，但值是存在堆中，实际上栈存放的是指向堆中的地址，也叫引用，引用类型直接的赋值实质是把引用赋值给一个变量（传址），所以其指向的堆内存中的值是一样的

浅拷贝是指只复制一层对象，当对象的属性是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着变化。

var obj = { a:1, arr: [2,3] };

var shallowObj = shallowCopy(obj);

function shallowCopy(src) {

var dst = {};

for (var prop in src) {

if (src.hasOwnProperty(prop)) {

dst[prop] = src[prop];

}

}

return dst;

}

//当一个对象属性的引用值改变时将导致另一个也改变

shallowObj.arr[1] = 5;

obj.arr[1] // = 5

 

 

 

解决深拷贝的方法：

1、使用递归的方式实现深拷贝

//使用递归的方式实现数组、对象的深拷贝

function deepClone1(obj) {

//判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝

var objClone = Array.isArray(obj) ? [] : {};

//进行深拷贝的不能为空，并且是对象或者是

if (obj && typeof obj === "object") {

for (key in obj) {

if (obj.hasOwnProperty(key)) {

if (obj[key] && typeof obj[key] === "object") {

objClone[key] = deepClone1(obj[key]);

} else {

objClone[key] = obj[key];

}

}

}

}

return objClone;

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

2、通过 JSON 对象实现深拷贝

//通过js的内置对象JSON来进行数组对象的深拷贝

function deepClone2(obj) {

var _obj = JSON.stringify(obj),

objClone = JSON.parse(_obj);

return objClone;

}

1

2

3

4

5

6

JSON对象实现深拷贝的一些问题

* 无法实现对对象中方法的深拷贝

3、通过jQuery的extend方法实现深拷贝

var array = [1,2,3,4];

var newArray = $.extend(true,[],array); 

 4.还可以Object.assign

 

有时你可能需要为已有对象赋予多个新属性，比如使用 Object.assign() 或 _.extend()。在这种情况下，你应该用两个对象的属性创建一个新的对象。所以，如果你想添加新的响应式属性，不要像这样：

Object.assign(vm.userProfile, {  age: 27,  favoriteColor: 'Vue Green' })

你应该这样做：

vm.userProfile = Object.assign({}, vm.userProfile, {  age: 27,  favoriteColor: 'Vue Green' })