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，所属的类没了。
网友评论