1.引用类型有哪些？非引用类型有哪些2.如下代码输出什么？为什么
image.png
引用类型有：对象, 数组, 函数, 正则
引用类型指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象
非引用类型有：数字，字符串，布尔，undefined，null，Symbol (ECMAScript 6 新定义)
非引用类型指的是保存在栈内存中的简单数据段；
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
//输出false，obj1与obj2都是引用类型，是两个不同的对象，所以是false
console.log(obj1 == obj2);
//输出obj1对象的值， obj1对象被赋值为obj2对象
console.log(obj1 = obj2);
//输出ture， 经过obj1 = obj2赋值后，obj1与obj2都指向同一个对象，所以obj1 == obj2为true
console.log(obj1 == obj2);
2.如下代码输出什么? 为什么
image.png
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
//输出1， 由于a是非引用类型，aa赋值为a后，a改变不会影响aa
console.log(aa)
//输出2， 由于b是非引用类型，bb赋值为b后，b改变不会影响bb
console.log(bb)
//输出{name:'hello',age:3} 由于c是引用类型，cc与c还有d数组中的第3个子元素指向同一个对象，
console.log(cc)
//输出1,2,{name:'hello',age:3}
console.log(dd)
3.如下代码输出什么? 为什么
image.png
var a = 1
var c = { name: 'jirengu', age: 2 }
function f1(n){
++n
}
function f2(obj){
++obj.age
}
//不会影响全局上下文中的a，因为a是非引用变量，相当于
//function f1(a){
// var b = a;
// ++b;
//}
f1(a)
//c是引用变量，f2(c)执行完后，c.age = 3
f2(c)
//c.age是非引用变量，f1(c.age)执行完后，c.age = 3
f1(c.age)
//输出1
console.log(a)
//输出{name:'jirengu', age:3}
console.log(c)
4.过滤如下数组，只保留正数，直接在原数组上操作
image.png
var arr = [3, 1, 0, -1, -3, 2, -5]
function filter(arr) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] <= 0) {
//删除1个子元素，从下标第i个子元素开始
arr.splice(i, 1);
i--;
}
}
}
filter(arr)
console.log(arr) // [3,1,2]
5.过滤如下数组，只保留正数，原数组不变，生成新数组
image.png
var arr = [3, 1, 0, -1, -3, 2, -5]
function filter(arr) {
var newArr = [];
for (var i = 0, len = arr.length; i < len; i++) {
if (arr[i] > 0) {
newArr.push(arr[i]);
}
}
return newArr;
}
arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr) // [3,1,0,-1,-2,2,-5]
6.写一个深拷贝函数，用两种方式实现
方式1：
function deepCopy(obj) {
var newObj = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
var element = obj[key];
if ('number' === typeof element || 'string' === typeof element ||
'boolean' === typeof element || undefined === element || null === element) {
newObj[key] = element;
} else {
newObj[key] = deepCopy(element);
}
}
}
return newObj;
}
obj1.child.name = 'obj1-child-modify';
var newObj = deepCopy(obj1);
newObj.child.name = 'newObj-child-modify';
console.log('obj1', obj1.child.name);
console.log('newObj', newObj.child.name);
方式2：
function deepCopy(obj) {
var jsonObj = JSON.parse(JSON.stringify(obj));
return jsonObj;
}
obj1.child.name = 'obj1-child-modify';
var newObj = deepCopy(obj1);
newObj.child.name = 'newObj-child-modify';
console.log('obj1', obj1.child.name);
console.log('newObj', newObj.child.name);