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,所属的类没了。