引用类型和对象拷贝
2017-09-20 本文已影响0人
D一梦三四年
1. 引用类型有哪些，非引用类型有哪些？
- 基本类型（非引用类型）：Number, String, Boolean, Undefined, Null, Symbol，是保存在栈内存中的简单数据段，基本类型的值按值访问。
- 引用类型：Object, Array, Date, RegExp, Function, Global, Math，等可能由多个值构成的对象，引用类型的值保存在堆内存中，当复制保存对象的某个变量时操作的是对象的引用，也就是指向该对象在内存中所在位置的指针，为对象添加属性时操作的是实际的对象，引用类型的值按引用访问。
- 三个特殊的引用类型：Boolean, Number, String，也叫基本包装类型，每当读取一个基本类型值时，后台会创建一个对应的基本包装类型的对象，从而让我们能调用一些方法来操作这些数据。既与引用类型相似，也具有与各自的基本类型相应的特殊行为（方法）。
引用类型和基本包装类型最主要的区别就是对象的生存期，使用 new 操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象，则只存在于一行代码的之心瞬间，然后立即被销毁。不建议显式的创建（即用 new 操作符）基本包装类型的对象。
2. 如下代码输出什么，为什么？
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); //false，obj1 和 obj2 是指向堆内存中两个不同位置的对象的指针
console.log(obj1 = obj2); //{a:1, b:2}，将 obj2 的值赋给了 obj1，obj1 和 obj2 指向堆内的同一个对象
console.log(obj1 == obj2); //true，两个变量引用同一个对象
3. 如下代码输出什么，为什么？
var a = 1
var b = 2
var c = { name: '饥人谷', age: 2 }
var d = [a, b, c]
var aa = a //复制基本类型
var bb = b //复制基本类型
var cc = c //复制指针
var dd = d //复制指针
a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3 ////修改堆内存中c.age值为3
console.log(aa) //1，基本类型的赋值，a 与 aa 两个变量不会相互影响
console.log(bb) //2，基本类型的赋值，b 与 bb 两个变量不会相互影响
console.log(cc) //{name: "hello", age: 3}，c 是引用类型的值，将 c 的值赋值给了 cc，所以 cc 与 c 引用的是同一个对象，修改 c 中 name 属性的值，实际上修改的是对象的属性值，所以cc 中的 name 属性值也会随之改动
console.log(dd) //[1, 2, {name: "hello", age: 3}]，d也是引用类型的值，dd和d引用同一对象，a和b是基本类型按值传递，dd指针指向的内存中保存的c的值已经改变，使用修改之后的值。
4. 如下代码输出什么，为什么？
var a = 1
var c = { name: 'jirengu', age: 2 }
function f1(n){
++n
}
function f2(obj){
++obj.age
}
f1(a)
f2(c)
f1(c.age)
console.log(a) //1，f1中相当于声明了一个 n=a , a 是基本类型的值，n 和 a 互相不影响
console.log(c) //{name: "jirengu", age: 3}，f2中相当于声明了一个 obj = c ，c 是引用类型的值，obj 发生了变化，c 也会发生变化，所以会输出{name: "jirengu", age: 3}；f1(c.age)中 c.age 也是一个基本类型的值，所以 c 并不会因此发生变化。
5. 过滤如下数组，只保留正数，直接在原数组上操作
var arr = [3, 1, 0, -1, -3, 2, -5]
function filter(arr) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] <= 0) {
arr.splice(i, 1);
i--;
}
}
}
filter(arr);
console.log(arr); // [3,1,2]
6. 过滤如下数组，只保留正数，原数组不变，生成新数组
var arr = [3, 1, 0, -1, -3, 2, -5];
function filter(arr) {
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i] > 0) {
newArr.push(arr[i]);
}
}
return newArr;
}
var arr2 = filter(arr); //arr2 与 filter(arr) 指向同一个对象
console.log(arr2); // [3,1,2]
console.log(arr); // [3,1,0,-1,-3,2,-5]
7. 写一个深拷贝函数，用两种方式实现
- 深复制和浅复制只针对引用类型。简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。浅复制会导致两个指针指向同一块内存地址，深复制将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上。这就不会存在两个指针指向同一个对象的问题。
- 方法一，递归
function deepCopy(obj) {
var newObj = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (typeof obj[key] === 'number' || typeof obj[key] === 'string' || typeof obj[key] === 'boolean'
|| obj[key] === null || obj[key] === undefined) {
newObj[key] = obj[key];
} else {
newObj[key] = deepCopy(obj[key])
}
}
}
return newObj;
}
- 方法二，JSON对象的 stringify 和 parse 方法，这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值
b = JSON.parse( JSON.stringify(a) )
缺点是所有函数及原型成员（原型链）都会被有意忽略，不体现在结果中，值为 undefined 的任何属性也会被跳过
