1.原型鏈繼承：prototype
var p1 = new Person()
Person.prototype.(method_name) = function() {
// ...
}
Person.prototype.(method_name_2) = function() {
// ...
}
p1.(method_name)()
p1.(method_name_2)()
// 確定就是方法很多的時候會造成代碼冗余
2.原型鏈繼承2：prototype
Person.prototype = {
// constructor 重要！
constructor: Person,
(method_name): function() {
// ...
}
}
var p1 = new Person()
p1.(method_name)()
/** 注意：
1. 一般情況下，應該先改變原型對象，在創(chuàng)建對象
2.一般情況下，對于新原型，會添加一個constructor屬性，從而不破壞原有的原型對象的結(jié)構(gòu)
*/
注意：JavaScript的類繼承其實本質(zhì)還是用原型繼承來包裝的
3.拷貝繼承（混入繼承）
var p1 = {age: 18}
var p2 = p1;
p2.age = 20;
// 上面代碼p1的age也會被修改了，因為p1,p2是同一對象
// 如果想使用某個對象中的屬性，又不能直接修改，就可以創(chuàng)建一個該對象的拷貝
// jquery: $.extend： 編寫jquery插件的必經(jīng)之路
// 拷貝繼承（混入繼承）
var p1 = {name: 'T1', age: 18}
// 實現(xiàn)拷貝繼承
var p2 = {}
for (var key in p1) {
var value = p1[key];
p2[key] = value;
}
p2[age] = 22;
// ...
es6 提供了<對象擴展運算符>
var p1 = {name: 'T1', age: 18}
var p2 = {...p1}
// or
var p3 = {...p1, age: 22}
4.原型式繼承
// 場景：
// 創(chuàng)建一個純潔的對象
// 創(chuàng)建一個繼承自某個父對象的子對象
var p1 = {name: 'T1', age: 18}
var p2 = Object.create(p1);
5.借用構(gòu)造函數(shù)繼承
function Person(name, age) {
this.name = name
this.age = age
}
function Student(name, age, sex) {
// 將Person函數(shù)內(nèi)部的this指向Student的實例
Person.call(this, name, age)
// or (等價于)
Person.apply(this, [name, age, sex])
this.sex = sex
}
var p1 = new Student('T1', 22, '男')
// ...
// 局限性： Person(父類構(gòu)造函數(shù))的代碼必須完全適用于Student(子類構(gòu)造函數(shù))
6.寄生繼承
7.寄生組合繼承
閉包
1.認識閉包
function fn() {
var a = 5;
return function() {
a++;
console.log(a);
}
}
var f1 = fn();
f1(); // 6
f1(); // 7
f1(); // 8
// 一般認為函數(shù)執(zhí)行完畢，變量就會釋放，但是此時由于js引擎發(fā)現(xiàn)匿名函數(shù)要使用a變量，所以a變量并不能得到釋放，而是把a變量放到匿名函數(shù)可以訪問到的地方去了
// a變量存在于f1函數(shù)可以訪問到的地方，此時a變量只能被f1訪問
