引用类型和对象拷贝

1.引用类型有哪些？非引用类型有哪些

基本类型：Undefined、Null、Boolean、Number和String
引用类型：Object、Array、Function和Regexp

2.如下代码输出什么？为什么

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);//false
console.log(obj1 = obj2);//{a:1, b:2}
console.log(obj1 == obj2);true

obj1 和 obj2 虽然内容相同，但是他们指向的是两个不同的堆内存。所以当console.log(obj1 == obj2);时会显示false，然后将obj2的指向赋值给obj1，这个时候他们两个就都指向同一个堆内存，所以最后输出会是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

console.log(aa) //1
console.log(bb) //2
console.log(cc)//{name:"hello",age:3}
console.log(dd)//[1,2,{age:3,name:"hello"}]

申明四个变量a、b、c、d，开辟四个栈内存，a存储1，b存储2，开辟一个堆内存存储 { name: '饥人谷', age: 2 } 并指向c，开辟一个堆内存存储[1, 2, { name: '饥人谷', age: 2 }]指向d。再申明四个变量aa、bb、cc、dd，再开辟四个栈内存，为aa赋值a的值1，为bb赋值b的值2，将{ name: '饥人谷', age: 2 } 同时指向cc，将[1, 2, { name: '饥人谷', age: 2 }]同时指向dd。同时{ name: '饥人谷', age: 2 } 与[1, 2, { name: '饥人谷', age: 2 }]中的{ name: '饥人谷', age: 2 } 属于同一个堆内存。
然后改变a的值为11,b的值为22，因为a、b、aa、bb是存储在四个独立的栈内存中所以改变其中一个的值互不影响。因为c、d、cc、dd里的{ name: '饥人谷', age: 2 }都是指向同一个堆内存所以c.name = 'hello'和d[2]['age'] = 3之后，console.log(cc)为{name:"hello",age:3},console.log(dd)为[1,2,{age:3,name:"hello"}]，内容都发生了改变。

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
console.log(c)//{ name: 'jirengu', age: 3}

上述代码里的两个函数实际执行情况如下：

function f1(n){
  var n = a
  ++n
}
function f2(obj){
  var obj =c
  ++obj.age
}

f1(a)执行时会重新开辟一个栈内存把a的值赋值给它，所以最后console.log(a)的值还是1.
f2(c)执行时会重新开辟一个栈内存使它的内存指向和c相同。++obj.age改变了堆内存里的内容，所以最后得到{ name: 'jirengu', age: 3}
f1(c.age)执行时的原理与f1(a)执行时的原理相同。

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 result =[];
    for (var i = 0;i<arr.length;i++) {
       if (arr[i] > 0) {
           result.push(arr[i]);
       } 
    }
    return result;
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-2,2,-5]

7.深拷贝函数，两种写法

运用递归

function copy(obj){
  var newobj={};
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (typeof obj[key]==='number'||typeof obj[key]==='string'|| obj[key]===null ||  obj[key]===undefined ||typeof obj[key]==='boolean'||typeof obj[key]==='function') {
        newobj[key]=obj[key];
      }else{
        newobj[key]=copy(obj[key]);
      }
    }
  }
  return newobj;
}
var obj={
  name:'Jim',
  age:10,
  parent:{
    mother:'Lily',
    father:'Tom',
    say: function(){
        var a = 1;
        console.log(a);
    }
  }
};
var obj1=copy(obj);
obj.name='Alex';
obj.parent.mother='Jane';
obj1.parent.say();//1
console.log(obj);//{name: "Alex", age: 10, parent:{father:"Tom",mother:"Jane"}}
console.log(obj1);//{name: "Jim", age: 10, parent:{father:"Tom",mother:"Lily"}}

运用JSON的方法

var obj={
  name:'Jim',
  age:10,
  parent:{
    mother:'Lily',
    father:'Tom',
    say: function(){
        var a = 1;
        console.log(a);
    }
  }
};

var obj1 = JSON.parse(JSON.stringify(obj));

obj.name='Alex';
obj.parent.mother='Jane';
obj1.parent.say();//obj1.parent.say is not a function
console.log(obj);//{name: "Alex", age: 10, parent:{father:"Tom",mother:"Jane"}}
console.log(obj1);//{name: "Jim", age: 10, parent:{father:"Tom",mother:"Lily"}}

不过这个方法有局限性：

无法复制函数
原型链没了，对象就是object，所属的类没了。