Object() Function() Array() 等等都為構(gòu)造函數(shù)。
Js 面向?qū)ο笈c傳統(tǒng)oop 有些不同,語(yǔ)法較高級(jí) 語(yǔ)法糖封裝。
This 為指針。指向this作用域的調(diào)用者
原型
1.原型繼承鏈頂端為Object 。Js函數(shù)是對(duì)象
2.當(dāng)讀取對(duì)象中的屬性時(shí),先去實(shí)例本身中搜索,如搜索不到則去指向的原型中搜索
- .prototype是一個(gè)對(duì)象 。里面有一個(gè)構(gòu)造器屬性constructor。實(shí)例中也有一個(gè)構(gòu)造器屬性。只有函數(shù)有prototype對(duì)象和proto指針。構(gòu)造出來的實(shí)例只有proto 指針
原型鏈
1.原型的存在意義在于實(shí)現(xiàn)繼承共享,是在構(gòu)造函數(shù)中定義的一個(gè)成員對(duì)象,在下次實(shí)例化時(shí)不需要在構(gòu)造函數(shù)中定義成員 就可實(shí)現(xiàn)實(shí)例共享方法屬性。
例子:通常為。 構(gòu)造函數(shù).prototype.xxx=我想實(shí)現(xiàn)實(shí)例繼承的東西 -》 new 構(gòu)造函數(shù) -》新實(shí)例a對(duì)象.原型指針指向構(gòu)造函數(shù)的xxx對(duì)象(引用類型)
例子:Array 不等于 Array() 原因 Array為一個(gè)函數(shù),而Array()為一個(gè)構(gòu)造函數(shù)調(diào)用語(yǔ)句,故Array擁有prototype對(duì)象用于實(shí)例的共享繼承,Array()產(chǎn)生一個(gè)實(shí)例 故只能擁有prototype對(duì)象的私有指針 proto
2.在使用原型繼承時(shí) 不能使用字面量 構(gòu)造函數(shù).prototype={} 的方式重寫原型對(duì)象 。因?yàn)闀?huì)導(dǎo)致該原型對(duì)象的constructor屬性被重寫,在生成的實(shí)例中導(dǎo)致constructor指向Object并且會(huì)切斷之前原型對(duì)象的聯(lián)系,破壞原型鏈。
3.JavaScript 主要通過原型鏈實(shí)現(xiàn)繼承。原型鏈的構(gòu)建是通過將一個(gè)類型的實(shí)例賦值給另一個(gè)構(gòu)造函數(shù)的原型實(shí)現(xiàn)的
例子:
xxx實(shí)例.proto-》function xxx()構(gòu)造函數(shù).prototype對(duì)象故xxx.proto === xxx.prototype
xxx.prototype.proto-》Object.prototype因?yàn)樗袑?duì)象都為Object函數(shù)構(gòu)造來的。故xxx.prototype.proto===Object.prototype。
Object.prototype.proto為原型鏈頂端proto定義了尚未使用所以為null故Object.prototype.proto===null約定俗成。
instanceof 用來判斷某實(shí)例是否為某構(gòu)造函數(shù)的實(shí)例
isPrototypeOf 用于判斷某實(shí)例是否擁有某構(gòu)造函數(shù)的原型對(duì)象指針
繼承
1.原型模式有忽略構(gòu)造函數(shù)定義初始值步驟及原型中操作引用類型的缺點(diǎn)。
所以需要組合使用構(gòu)造函數(shù)模式+原型模式來創(chuàng)建實(shí)例。在構(gòu)造函數(shù)中定義實(shí)例的屬性,而需共享的方法就定義在原型對(duì)象中。
繼承:在子構(gòu)造函數(shù)中調(diào)用 父.call(this, name); 實(shí)現(xiàn)構(gòu)造函數(shù)之間的屬性繼承。使用 子.prototype = new 父(); 子.prototype.constructor = 子;實(shí)現(xiàn)方法的繼承。
2.如要在生產(chǎn)環(huán)境下的構(gòu)造函數(shù)新增方法(如Array) 需要使用一個(gè)類似于工廠函數(shù)的寄生構(gòu)造函數(shù)模式 在構(gòu)造函數(shù)中返回一個(gè)修改后的對(duì)象
例子:在子類中使用call()可以實(shí)現(xiàn)繼承
function SuperType(name){
this.name = name;
}
function SubType(){//繼承了 SuperType,同時(shí)還傳遞了參數(shù) SuperType.call(this, "Nicholas");
SuperType.call(this, "Nicholas");
//實(shí)例屬性
this.age = 29;
}
var instance = new SubType();
alert(instance.name); //"Nicholas";
alert(instance.age); //29