引用類型
引用類型變量保存的僅僅是一個(gè)指針，指針指向堆內(nèi)存中保存對(duì)象的位置块差。
- 所以基本類型復(fù)制的時(shí)候僅僅復(fù)制值侵续，復(fù)制前后的兩個(gè)變量相互獨(dú)立。
- 而引用類型復(fù)制的時(shí)候?qū)嵸|(zhì)上僅僅是把保存對(duì)象的位置的地址復(fù)制傳給了復(fù)制后的變量憨闰，兩個(gè)變量實(shí)際上指向的還是同一個(gè)對(duì)象，所以通過(guò)一個(gè)變量改變對(duì)象的屬性需五，另外一個(gè)變量引用對(duì)象時(shí)鹉动，屬性也會(huì)發(fā)生變化。
對(duì)于函數(shù)的參數(shù)傳遞宏邮，不用去考慮按值傳遞還是按引用傳遞泽示，只需要這么理解：
function fn (n) {
// var n = a; // 可以視為函數(shù)參數(shù)的傳遞，將a中的值傳給n
n++;
}
var a = 10;
fn(a);
console.log(a); //10 雖然n變?yōu)?1蜜氨，但是a仍然為10
可以理解成函數(shù)內(nèi)部有一句隱式的語(yǔ)句var n = a; 可以視為函數(shù)參數(shù)的傳遞械筛，將a中的值傳給n,a是基本類型時(shí)傳遞的就是值，a是引用類型時(shí)a中保存的就是對(duì)象的地址飒炎，所以將地址傳遞給n埋哟。
當(dāng)a是引用類型時(shí)的例子
function fn (n) {
// var n = a; // 傳遞的是a的對(duì)象的地址
n.age++;
}
var a = {
name: 'deejay',
sex: 'male',
age: 21
}
fn(a);
console.log(a); // n.age =22 a.age =22,都為22，因?yàn)閭鬟f的是參數(shù)郎汪，實(shí)質(zhì)上改變的是同一個(gè)對(duì)象
對(duì)象拷貝
- 淺拷貝：淺拷貝即僅僅拷貝一層的對(duì)象屬性赤赊。舉例說(shuō)明：
var oldObj = {
name: 'deejay',
age: 20,
friend: {
name: 'dee',
age: 20
}
}
function shallowCopy(oldObj) {
var newObj = {}; // 要進(jìn)行對(duì)象的拷貝，必須要新開辟一個(gè)空間存放對(duì)象煞赢，有不同的地址抛计，才能相互獨(dú)立。
for(var key in oldObj) {
newObj[key] = oldObj[key];//創(chuàng)建了一個(gè)新對(duì)象之后照筑，遍歷oldObj的屬性吹截，每一項(xiàng)都拷貝給newObj的屬性
}
return newObj;
}
var newObj = shallowCopy(oldObj);
console.log(newObj);
newObj.age++;
console.log(oldObj.age); //20 newobj的age增加，oldobj的age仍然不變
newObj.friend.age++;
console.log(oldObj.friend.age); // 21 newobj中的friend中的age增加凝危，oldobj的age也跟著一起增加了
上述例子中的拷貝對(duì)象oldObj有兩層波俄，淺拷貝只能使得拷貝后的對(duì)象newObj的第一層屬性跟oldObj相互獨(dú)立。
- 深拷貝： 針對(duì)淺拷貝的問(wèn)題媒抠，深拷貝可以完全拷貝對(duì)象弟断，不管有多少層屬性，都可以相互獨(dú)立趴生，思路方法有：
- 依靠遞歸：
基本思路如下：
function deepCopy (oldObj) {
var newObj = {}; //一樣阀趴，還是先創(chuàng)建個(gè)新對(duì)象
for(var key in oldObj) { // 遍歷oldObj中的所有屬性
if (typeof oldObj[key] === 'number' || typeof oldObj[key] === 'string') {
//進(jìn)行判斷昏翰，屬性值中是不是基本類型，即沒有嵌套的情況下刘急，依然按照淺拷貝的方式復(fù)制屬性到newObj中棚菊，本例中oldObj屬性只有number和string，就少寫幾種情況
newObj[key] = oldObj[key];
}
else if (typeof oldObj[key] === 'Object') {
//當(dāng)檢測(cè)到有嵌套的情況時(shí)叔汁，使用遞歸统求，調(diào)用本身函數(shù)對(duì)嵌套的屬性進(jìn)行拷貝，如果嵌套的屬性中還有嵌套的屬性据块，那么繼續(xù)遞歸直到?jīng)]有嵌套為止码邻，拷貝所有屬性
newObj[key] = deepCopy(oldObj[key]);
}
}
return newObj;
}
上述代碼僅僅表述了深拷貝的思路，那么實(shí)際書寫代碼的時(shí)候另假，還需要考慮oldObj中繼承而來(lái)的屬性像屋，所以要針對(duì)我們自己定義的屬性來(lái)進(jìn)行拷貝，通過(guò)使用hasOwnProperty方法來(lái)判斷边篮，如果是我們自己定義的屬性己莺，那么再進(jìn)行拷貝，在判斷是否嵌套的條件中戈轿，typeof屬性的值還可能是'number','string','boolean',還可能是null以及undefined凌受。所以完整的深拷貝代碼如下：
var oldObj = {
name: 'deejay',
age: 20,
friend: {
name: 'dee',
age: 20,
}
}
function deepCopy (oldObj) {
var newObj = {}; //創(chuàng)建一個(gè)地址不同的新對(duì)象
for (var key in oldObj) { //遍歷oldObj中的所有屬性
if (oldObj.hasOwnProperty(key)) { // 針對(duì)自身?yè)碛械亩x的屬性進(jìn)行拷貝
if (typeof oldObj[key] === 'string' || typeof oldObj[key] === 'number' || typeof oldObj[key] === 'boolean'
|| oldObj[key] === null || oldObj[key] === undefined) { //完整的判斷是否嵌套的條件
newObj[key] = oldObj[key];
}
else { // 不是上面判斷的條件，即為嵌套的屬性思杯，通過(guò)遞歸進(jìn)行拷貝
newObj[key] = deepCopy(oldObj[key]);
}
}
}
return newObj;
}
var newObj = deepCopy(oldObj);
console.log(newObj);
newObj.age++;
console.log(oldObj.age); //20 newobj的age增加胜蛉，oldobj的age仍然不變
newObj.friend.age++;
console.log(oldObj.friend.age); // 20 newobj中的friend中的age增加，oldObj仍然不變智蝠，newObj和oldObj是相互獨(dú)立的
// 不管有多少層嵌套的屬性腾么，都是相互獨(dú)立的，即為深拷貝
- 使用JSON對(duì)象的stringify方法和parse方法：
var oldObj = {
name: 'deejay',
age: 20,
friend: {
name: 'dee',
age: 20,
}
}
var newObj = JSON.parse(JSON.stringify(oldObj));
/*stringify方法可以把一個(gè)對(duì)象轉(zhuǎn)換為一個(gè)字符串杈湾，然后parse方法可以將字符串轉(zhuǎn)化為一個(gè)對(duì)象解虱，這樣得到的新對(duì)象就跟原來(lái)對(duì)象完全獨(dú)立了*/
console.log(newObj);
newObj.age = 25;
console.log(oldObj.age); // 20 newObj和oldObj完全獨(dú)立，不受影響
newObj.friend.age = 25;
console.log(oldObj.friend.age); //20 newObj和oldObj完全獨(dú)立漆撞，不受影響
1.引用類型有哪些殴泰？非引用類型有哪些
非引用類型：保存在棧內(nèi)存中的簡(jiǎn)單數(shù)據(jù)段，數(shù)值浮驳，布爾值悍汛，null和undefined。
引用類型： 指的是那些保存在堆內(nèi)存中的對(duì)象至会，變量中保存的實(shí)際上只是一個(gè)指針离咐，這個(gè)指針指向內(nèi)存中的另一個(gè)位置，由該位置保存對(duì)象，引用類型有對(duì)象宵蛀，數(shù)組昆著，函數(shù)，正則术陶。
2.如下代碼輸出什么凑懂？為什么
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
console.log(obj1 = obj2);
console.log(obj1 == obj2);
輸出結(jié)果為
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內(nèi)部保存的其實(shí)是兩個(gè)對(duì)象的地址梧宫，兩個(gè)對(duì)象是相互獨(dú)立的接谨，即不是同一個(gè)對(duì)象，即地址不相等塘匣，所以obj1 == obj2的值為false脓豪。
第二行和第三行，將obj2指向的對(duì)象的地址賦值給obj1馆铁，此時(shí)跑揉，obj1和obj2指向的是同一個(gè)對(duì)象，第二行輸出obj2指向的對(duì)象埠巨，第三行，obj1和obj2指向的已經(jīng)是同一個(gè)對(duì)象了现拒，所以輸出true辣垒。
3.如下代碼輸出什么? 為什么
var a = 1
var b = 2
var c = { name: 'deejay', 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)
輸出結(jié)果為：
var a = 1
var b = 2
var c = { name: 'deejay', 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,name：hello age: 3
基本類型和引用類型的不同，基本類型復(fù)制之后就是相對(duì)獨(dú)立的印蔬，引用類型僅僅傳遞了一個(gè)指向?qū)ο蟮牡刂费埃瑢?shí)質(zhì)上引用的還是同一個(gè)對(duì)象，所以通過(guò)指向這個(gè)對(duì)象的任何一個(gè)指針改變這個(gè)對(duì)象的屬性侥猬，都會(huì)引起所有變量的變化例驹。
4.如下代碼輸出什么? 為什么
var a = 1
var c = { name: 'deejay', age: 2 }
function f1(n){
++n
}
function f2(obj){
++obj.age
}
f1(a)
f2(c)
f1(c.age)
console.log(a)
console.log(c)
上述代碼可以理解為：
var a = 1
var c = { name: 'deejay', age: 2 }
function f1(n){
// var n = a;
// var n = c.age
++n
}
function f2(obj){
// var obj = c; 傳遞的是地址
++obj.age
}
f1(a)
f2(c)
f1(c.age)
console.log(a) //1
console.log(c) //{ name: 'deejay', age: 3 }
調(diào)用f2的時(shí)候改變了c中的age
5.過(guò)濾如下數(shù)組，只保留正數(shù)退唠，直接在原數(shù)組上操作
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
}
filter(arr)
console.log(arr) // [3,1,2]
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 -= 1; //因?yàn)閯h除了一位鹃锈，i的取值要減1
// 也可以使用遞歸，直接調(diào)用 filter(arr);
}
}
return arr;
}
filter(arr)
console.log(arr) // [3,1,2]
6.過(guò)濾如下數(shù)組瞧预，只保留正數(shù)屎债，原數(shù)組不變，生成新數(shù)組
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr) // [3,1,0,-1,-2,2,-5]
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
var arr2 = []; //創(chuàng)建新數(shù)組垢油，不會(huì)影響原數(shù)組
for (var i =0; i < arr.length; i ++) {
if (arr[i] > 0) {
arr2.push(arr[i]);
}
}
return arr2;
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr) // [3,1,0,-1,-2,2,-5]
7.寫一個(gè)深拷貝函數(shù)盆驹，用兩種方式實(shí)現(xiàn)
- 遞歸方式：
var oldObj = {
name: 'deejay',
age: 20,
friend: {
name: 'dee',
age: 20,
}
}
function deepCopy (oldObj) {
var newObj = {};
for (var key in oldObj) {
if (oldObj.hasOwnProperty(key)) {
if (typeof oldObj[key] === 'number' || typeof oldObj[key] === 'string' || typeof oldObj[key] ==='boolean' || oldObj[key] === null|| oldObj[[key]=== undefined]) {
newObj[key] = oldObj[key];
}
else {
newObj[key] = deepCopy(oldObj[key]);
}
}
}
return newObj;
}
var newObj = deepCopy(oldObj);
console.log(newObj);
- JOSN方法實(shí)現(xiàn)：
var oldObj = {
name: 'deejay',
age: 20,
friend: {
name: 'dee',
age: 20,
}
}
function deepCopy (oldObj) {
var newObj = {};
newObj = JSON.parse(JSON.stringify(oldObj));
return newObj;
}
var newObj = deepCopy(oldObj);
console.log(newObj);
