引用类型和对象拷贝

一、引用类型有哪些？非引用类型有哪些

JS 中分基本类型和引用类型。

• 基本类型值（数值、布尔值、字符串、null和undefined）：指的是保存在栈内存中的简单数据段；
• 引用类型值（对象、数组、函数、正则）：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象

二、如下代码输出什么？为什么

题目

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

结果

false
{a: 1, b: 2}
true
//对象是引用类型，上面代码创建了两个对象，虽然内容相同，但实际上两个对象是指向不同内存空间的，因此并不相同。但当 obj1 = obj2 赋值操作之后，相当于把 obj2 的指针赋给了 obj1，因此，它们现在相同了。

三、如下代码输出什么? 为什么

题目

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) 
console.log(bb) 
console.log(cc)
console.log(dd)

结果

//输出
1
2
{name: 'hello', age: 3}
[1, 2, {name: 'hello', age: 3}]

//对象和数组是引用类型，所以不新开辟空间的话，怎么修改值，都会影响所有引用到的变量。

四、如下代码输出什么? 为什么

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) 
console.log(c)

结果

//输出
1
{ name: 'jirengu', age: 3 }

//f1 中，在传进函数的参数里，传参相当于声明了一个新的变量，同时该对象是基本类型，因此改变传递参数的值并不会影响原来的值。
//f2 中，传参是引用类型，哪怕新声明了一个变量，但指针还是原来对象，因此改变传参会影响到原来数值。

五、过滤如下数组，只保留正数，直接在原数组上操作

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){

  //在这下面写代码
  for(var n = 0; n < arr.length; n++){
    if(arr[n] <= 0){
      arr.splice(n, 1)
      //因为是直接在原数组上操作，所以每次删除一个值的时候，原数组的 length 也被改变了，索引减一才能正确表示下一个值
      n--
    }
  }
  //在这上面写代码
}
filter(arr)
console.log(arr) // [3,1,2]

六、过滤如下数组，只保留正数，原数组不变，生成新数组

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){

  //在这下面写代码
  
  var tmp = []
  for(var n = 0; n < arr.length; n++){
    if(arr[n] > 0){
      tmp.push(arr[n])
    }
  }
  return tmp

  //在这上面写代码
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-2,2,-5]

七、写一个深拷贝函数，用两种方式实现

1. 递归

function isFundamentalType(value){
  if(typeof value === 'number' || typeof value === 'string' || typeof value === 'boolean' || value === undefined || value === null){
    return true
  }else {
    return false
  }
}

function deepCopy(obj){
  var newObj = {}
  for(attr in obj){
    if(obj.hasOwnProperty(attr)){
      if(isFundamentalType(obj[attr])){
        newObj[attr] = obj[attr]
      }else {
        newObj[attr] = deepCopy(obj[attr])
      }
    }
  }
  return newObj
}

var obj = {name: 'SHINING', sex: 'male', friends: {name: 'cool'}}

var newObj = deepCopy(obj)

console.log(newObj)

2. 先转换成基本类型（字符串），后还原成对象

function deepCopy(obj){
  var str = JSON.stringify(obj)
  return JSON.parse(str)
}

var obj = {name: 'SHINING', sex: 'male', friends: {name: 'cool'}}

var newObj = deepCopy(obj)

console.log(newObj)