基本類型允跑、引用類型
- 基本類型（字符串王凑、數(shù)值搪柑、布爾值、null 和 undefined）：指的是保存在棧內(nèi)存中的簡(jiǎn)單數(shù)據(jù)段
- 引用類型（對(duì)象索烹、數(shù)組工碾、函數(shù)、正則）：指的是那些保存在堆內(nèi)存中的對(duì)象百姓，變量中保存的實(shí)際上只是一個(gè)指針渊额，這個(gè)指針執(zhí)行內(nèi)存中的另一個(gè)位置，由該位置保存對(duì)象
練習(xí)一
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é)果為
// false
// {a: 1, b: 2}
// true
分析如下：
聲明了兩個(gè)對(duì)象垒拢，屬性和屬性值皆相同旬迹，但 obj1 和 obj2 是兩個(gè)不同的對(duì)象
var obj1 = {a: 1, b: 2} // 假設(shè)內(nèi)存地址為 0x0000
var obj2 = {a: 1, b: 2} // 假設(shè)內(nèi)存地址為 0x0088
console.log(obj1 == obj2) // 二者指向的不是同一個(gè)對(duì)象（地址）邀杏，為 false
console.log(obj1 = obj2) // 賦值操作待秃，使得 obj1 指針指向的地址變?yōu)?0x0088
console.log(obj1 == obj2) // 二者指向同一個(gè)對(duì)象（地址），為 true
*/
練習(xí)二
var a = 1
var b = 2
var c = {name: '饑人谷', age: 2}
var d = [a, b, c]
var aa = a // 1
var bb = b // 2
var cc = c // {name: '饑人谷', age: 2}
var dd = d // [1, 2, {name: '饑人谷', age: 2}]
a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3
console.log(aa)
console.log(bb)
console.log(cc)
console.log(dd)
//--------------//
/*
結(jié)果如下
// 1
// 2
// {name: 'hello', age: 3}
// [1, 2, {name: 'hello', age: 3}]
分析如下：
a少漆、b 都為基本類型中的number尸疆，對(duì) aa椿猎、bb 賦值之后，aa寿弱、bb 也為基本類型的 number犯眠，無論對(duì) a、b 如何修改症革，都不會(huì)影響 aa筐咧、bb 的值，
而對(duì)象 c 是引用類型噪矛，標(biāo)識(shí)符 c 的指針指向 {name: '饑人谷', age: 2} 在內(nèi)存中所在的地址嗜浮，對(duì) cc 賦值操作，cc 也指向同一個(gè)地址摩疑，對(duì) c 進(jìn)行修改，實(shí)際上是對(duì) {name: '饑人谷', age: 2} 進(jìn)行修改畏铆，凡是引用了這一對(duì)象的標(biāo)識(shí)符都會(huì)受其影響雷袋，所以 cc、dd 中的 name 和 age 分別變?yōu)?'hello' 和 3
*/
練習(xí)三
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)
console.log(c)
//----------------//
/*
結(jié)果如下：
// 1
// {name: 'jirengu', age: 3}
分析如下：
a 為基本類型的number辞居，
執(zhí)行 f1(a) 不會(huì)影響全局作用域下的 a楷怒，所以 a 仍然為 1
c 為引用類型的對(duì)象，
執(zhí)行 f2(c) 時(shí)瓦灶，c 作為參數(shù)傳遞進(jìn)入 f2鸠删，實(shí)則 f2 的參數(shù) obj = c，obj 指向?qū)ο?{name: 'jirengu', age: 2}贼陶，f2 內(nèi)部對(duì) obj.age自增1刃泡，會(huì)影響到所引用的對(duì)象巧娱，對(duì)象變?yōu)?{name: 'jiregu', age: 3}
執(zhí)行 f1(c.age) 時(shí)，f1 內(nèi)部的 n 實(shí)際上獲得了 age 的屬性值 2烘贴，之后同第一步禁添，n 自增1，但 age 的屬性值不受影響桨踪，仍為 3
*/
練習(xí)四 過濾數(shù)組老翘，在原數(shù)組上操作
var arr = [3, 1, 0, -1, -3, 2, -5]
function filter(arr){
for(let i = 0; i < arr.length; i++){
if(arr[i]<0 || arr[i] == 0){
arr.splice(i, i); // 若不是正數(shù)，刪除
i--; // 抵消 i++ 的自增1 效果锻离，下一輪循環(huán)仍從該位開始
}
}
return arr;
}
filter(arr)
console.log(arr) // [3, 1, 2]
練習(xí)五 過濾數(shù)組铺峭，不在原數(shù)組上操作
var arr = [3, 1, 0, -1, -3, 2, -5]
function filter(arr){
if(Array.prototype.filter){
return Array.prototype.filter.call(arr, function(x){
return x > 0;
});
} else {
var result = [];
for (let 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, -3, 2, -5]
對(duì)象拷貝
參考：javaScript中淺拷貝和深拷貝的實(shí)現(xiàn)
// 淺拷貝
function shallowCopy(oldObj) {
var newObj = {};
for (var i in oldObj) {
if (oldObj.hasOwnProperty(i)) {
newObj[i] = oldObj[i];
}
}
return newObj;
}
var x = {
a: 1,
b: {f: {g: 1}},
c: [1, 2, 3]
};
var y = shallowCopy(x);
console.log(y.b.f === x.b.f); // true
// Object.assign() 可以把任意多個(gè)的元對(duì)象自身的可枚舉屬性拷貝給目標(biāo)對(duì)象
var x = {
a: 1,
b: { f: { g: 1 } },
c: [1, 2, 3]
};
var y = Object.assign({}, x);
console.log(y.b.f === x.b.f); // true
// 深拷貝
function deepcCopy(oldObj) {
var newObj = {};
for (var key in oldObj) {
if(oldObj.hasOwnProperty(key)) {
if (typeof oldObj[key] === 'number' || typeof oldObj[key] === 'boolean' || typeof oldObj[key] === 'string' || oldObj[key] === undefined || oldObj[key] === null) {
newObj[key] = oldObj[key];
} else {
newObj[key] = deepCopy(oldObj[key]); // 遞歸調(diào)用，層層遍歷拷貝
}
}
}
return newObj;
}
// JSON.parse汽纠、JSON.stringify實(shí)現(xiàn)深拷貝
var source = { name: "source", child: { name: "child" } };
var target = JSON.parse(JSON.stringify(source));
target.name = "target"; // 改變 target 的 name 屬性值
console.log(source.name); // source
console.log(target.name); // target
target.child.name = "target child"; // 改變 target 的 child
console.log(source.child.name); // child
console.log(target.child.name); // target child
記住卫键，深拷貝的目的在于，拷貝完成時(shí)疏虫，就“切斷”引用
