淺拷貝

1. for-in（遍歷一個實例對象，原型上的屬性也會打印）

Object.prototype.num = 1
function shallowClone(origin, target) {for (var key in origin) {target[key] = origin[key]}
}
var p1 = {name: '人類',daughter: {first: 'Jessica',}
}
var p2 = {}
shallowClone(p1, p2)
p2.daughter.second = 'Krystal'
console.log(p1, p2)

• 用hasOwnProperty剔除原型上的屬性

Object.prototype.num = 1
function shallowClone(origin, target) {var tar = target || {}for (var key in origin) {if (origin.hasOwnProperty(key)) {tar[key] = origin[key]}}return tar
}
var p1 = {name: '人類',daughter: {first: 'Jessica',}
}
var p2 = shallowClone(p1)
p2.daughter.second = 'Krystal'
console.log(p1, p2)

深拷貝

• 我的實現方式（未考慮正則、方法、Date）

var baseType = ['[object String]', '[object Null]', '[object Undefined]', '[object Boolean]', '[object Number]']
Object.prototype.num = 1
function isBaseType(target) {return baseType.includes(Object.prototype.toString.call(target))
}
function deepClone(origin, target) {var tar = target ? target : Array.isArray(origin) ? [] : {} // 關鍵語句for (var key in origin) {if (isBaseType(origin[key]) && origin.hasOwnProperty(key)) {tar[key] = origin[key]} else if (!isBaseType(origin[key])) {tar[key] = deepClone(origin[key], tar[key]) // 關鍵語句}}return tar
}
var p1 = {name: '人類',daughter: {first: 'Jessica',grandSon: [12, 15]}
}
var p2 = deepClone(p1)
p2.daughter.second = 'Krystal'
p2.daughter.grandSon.pop()
console.log(p1, p2)

• JSON （不能拷貝正則、方法…）

var p1 = {name: '人類',daughter: {first: 'Jessica',grandSon: [12, 15],fun: function () { }}
}
var str = JSON.stringify(p1)
var p2 = JSON.parse(str)
console.log('p1', p1)
console.log('str', str)p2.daughter.second = 'Krystal'
p2.daughter.grandSon.pop()
console.log('p2', p2)

練習

注意

注意

function Foo() {getName = function () { // 沒經過var 會被提升到全局console.log(1)}return this
}
Foo.getName = function () {console.log(2)
}
Foo.prototype.getName = function () {console.log(3)
}
var getName = function () {console.log(4)
}
function getName() {console.log(5)
}
Foo.getName()  // 函數也是對象，增加屬性 2
getName() // 4 變量聲明提升 函數聲明 變量賦值
Foo().getName() // 1 沒有new
getName() //  1
new Foo.getName()// 2 （new 2，.運算符優先級高于new）
new Foo().getName()// 3
new new Foo().getName()// 3 
GO = {getName:undefined（變量聲明）- fn(函數聲明) - 新fn（變量賦值）- 新fn
}

• 判斷閏年（整除4&&不能整除100 || 整除400）