對(duì)象屬性
- 獲取對(duì)象屬性
Object.getOwnPropertyDescriptor(person1, 'name')
Object.getOwnPropertyDescriptors(person1) - 定義對(duì)象屬性
Object.defineProperty()
Object.defineProperties() - obj.操作符的理解(原型鏈)
會(huì)先去實(shí)例上查找——> 實(shí)例的__proto__上查找——>實(shí)例的__proto__的__proto__——>Object.prototype——> Object.prototype.proto(null)
上查找 - in操作符理解
單獨(dú)使用:實(shí)例+原型 可枚舉
遍歷使用:實(shí)例+原型 可枚舉
Object.hasOwnProperty()只存在于實(shí)例中才返回true
其它對(duì)象遍歷的方式都是只存在于實(shí)例,且可枚舉(比如Object.keys(),Object.entries(),Object.values()) - 對(duì)象屬性值
configurable:
是否能通過delete操作符刪除
enummerable:
是否能通過for in循環(huán)遍歷到
Get:
Set:
new關(guān)鍵字發(fā)生了什么:
1.生成一個(gè)對(duì)象
2.把該對(duì)象進(jìn)行[[prototype]]的連接
3.綁定該對(duì)象到函數(shù)調(diào)用的this
4.如果該函數(shù)沒有返回其它對(duì)象,會(huì)返回該對(duì)象
模擬實(shí)現(xiàn)new的過程:
//
function Person(name, age) {
this.name = name;
this.age = age;
}
function factory(func) {
var args1 = Array.prototype.slice.call(arguments, 0, 1)[0];
var args2 = Array.prototype.slice.call(arguments, 1);
var obj = new Object();
obj.__proto__ = func.pro;
var result = func.call(obj, ...args2);
return typeof result === 'object' ? result : obj;
}
var result = factory(Person, 'wangyiman', 23);
console.log(result);
創(chuàng)建對(duì)象的方式:
- 工廠方式
- 構(gòu)造函數(shù)
缺點(diǎn):
每次new都會(huì)生成新的實(shí)例 - 原型
缺點(diǎn):
引用類型的變量全局只有一份,改了一處所有的地方都被改了癣籽。
非引用類型會(huì)被直接"."出來的對(duì)象屬性屏蔽掉(使用delete可以刪除) - 組合模式
- 動(dòng)態(tài)原型
把原型模式放到構(gòu)造函數(shù)內(nèi)部執(zhí)行 - 寄生構(gòu)造函數(shù)
有點(diǎn)像工廠模式腰埂,但是調(diào)用時(shí)通過new的,可以擴(kuò)展原生對(duì)象痹筛。
繼承的本質(zhì):
繼承意味著復(fù)制操作惕医,然而 JavaScript 默認(rèn)并不會(huì)復(fù)制對(duì)象的屬性抓于,相反,JavaScript 只是在兩個(gè)對(duì)象之間創(chuàng)建一個(gè)關(guān)聯(lián)羊异,這樣事秀,一個(gè)對(duì)象就可以通過委托訪問另一個(gè)對(duì)象的屬性和函數(shù),所以與其叫繼承野舶,委托的說法反而更準(zhǔn)確些易迹。
繼承的方式:
- 原型鏈:
引用類型的原型屬性會(huì)被所有實(shí)例共享,非引用類型的不會(huì)被實(shí)例共享
function SuperType() {
this.colors = ['red'];
}
function SubType() {
}
SubType.prototype = new SuperType();
let subType1 = new SubType();
subType1.colors = 'green';
console.log(subType1.colors);
let superType1 = new SuperType();
console.log(superType1.colors);
不能向超類型的構(gòu)造函數(shù)傳遞參數(shù)
構(gòu)造函數(shù):
在超類型原型上定義的方法,對(duì)子類型是不可見的平道。
組合繼承:原型式繼承:
就是讓一個(gè)對(duì)象繼承另一個(gè)對(duì)象睹欲,而不是興師動(dòng)眾地創(chuàng)建一個(gè)構(gòu)造函數(shù)
ES5規(guī)范了原型式繼承,Object.create方法寄生式:
為了解決多次調(diào)用父類構(gòu)造函數(shù)寄生組合式:
為了解決多次調(diào)用父類構(gòu)造函數(shù),同時(shí)繼承后不改變?cè)瓉韈onstrucotr屬性窘疮。