纯属理论阶段
有一个前端笔试题:使用JavaScript深度克隆一个对象。可是我发现大多数人都是空白,问他为什么不做,大部分说不懂这题目的意思。
科普一下:
js一般有两种不同数据类型的值:
基本类型(包括undefined,Null,boolean,String,Number),按值传递;
引用类型(包括数组,对象),按址传递,引用类型在值传递的时候是内存中的地址。例如:
1 |
var
"a" :1};
|
2 |
3 |
var
|
4 |
5 |
b[ "b" ]=2;
|
6 |
7 |
console.log(a); //{"a":1,"b":2};
|
如果你修改b的值,那么a变量的值也发生了变化。
克隆或者拷贝分为2种:浅度克隆(拷贝),深度克隆(拷贝);
浅度克隆:基本类型为值传递,对象仍为引用传递。
深度克隆:所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。
我的深度克隆代码如下:
01 |
function
|
02 |
if (!o || 'object'
typeof
|
03 |
return
|
04 |
}
|
05 |
var
|
06 |
if (o.constructor === Array){
|
07 |
//temp=o.concat();
|
08 |
temp = [];
|
09 |
var
|
10 |
while
|
11 |
temp[i] = cloneObject(o[i]);
|
12 |
}
|
13 |
} else
(o.constructor === Object){
|
14 |
temp = {};
|
15 |
for
var
in
|
16 |
if (o.hasOwnProperty(k)){
|
17 |
temp[k] = cloneObject(o[k]);
|
18 |
}
|
19 |
}
|
20 |
}
|
21 |
return
|
22 |
}
|
主要使用了递归。
不过代码看上去挺变扭的,被朋友批了一顿,数组本来就是对象,可以精简代码。优化了一下,欢迎拍砖:
1 |
function
|
2 |
var
|
3 |
for ( var
in
|
4 |
if (obj.hasOwnProperty(i)){
|
5 |
o[i] = typeof
"object"
|