資訊專欄INFORMATION COLUMN
摘要：構(gòu)造函數(shù)模式用于定義實(shí)例屬性，而原型模式用于定義方法和共享的屬性，這種組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)。實(shí)例對(duì)象都有自己的一份實(shí)例屬性的副本，同時(shí)又共享對(duì)方法的引用，最大限度地節(jié)省了內(nèi)存。而關(guān)鍵字則代表實(shí)例對(duì)象。
1. 構(gòu)造函數(shù)模式相信大家對(duì)javascript中的面向?qū)ο髮懛ǘ疾荒吧?，那還記得有幾種創(chuàng)建對(duì)象的寫法嗎？相信大家除了自己常寫的都有點(diǎn)模糊了，那接下來就由我來幫大家回憶回憶吧！
通過創(chuàng)建自定義的構(gòu)造函數(shù)，來定義自定義對(duì)象類型的屬性和方法。
function cons(name,age){
this.name = name;
this.age = age;
this.getMes = function(){
console.log(`my name is ${this.name},this year ${this.age}`);
}
}
var mesge = new cons("will",21);
mesge.getMes();
2. 工廠模式
該模式抽象了創(chuàng)建具體對(duì)象的過程，用函數(shù)來封裝以特定接口創(chuàng)建對(duì)象的細(xì)節(jié)
function cons(name,age){
var obj = new Object();
obj.name = name;
obj.age = age;
obj.getMes = function(){
console.log(`my name is ${this.name},this year ${this.age}`);
}
return obj;
}
var mesge = cons("will",21);
mesge.getMes();
3. 字面量模式
字面量可以用來創(chuàng)建單個(gè)對(duì)象，但如果要?jiǎng)?chuàng)建多個(gè)對(duì)象，會(huì)產(chǎn)生大量的重復(fù)代碼
var cons = {
name: "will",
age : 21,
getMes: function(){
console.log(`my name is ${this.name},this year ${this.age}`);
}
}
cons.getMes();
4. 原型模式
使用原型對(duì)象，可以讓所有實(shí)例共享它的屬性和方法
function cons(){
cons.prototype.name = "will";
cons.prototype.age = 21;
cons.prototype.getMes = function(){
console.log(`my name is ${this.name},this year ${this.age}`);
}
}
var mesge = new cons();
mesge.getMes();
var mesge1 = new cons();
mesge1.getMes();
console.log(mesge.sayName == mesge1.sayName);//true
5. 組合模式
最常見的方式。構(gòu)造函數(shù)模式用于定義實(shí)例屬性，而原型模式用于定義方法和共享的屬性，這種組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)。實(shí)例對(duì)象都有自己的一份實(shí)例屬性的副本，同時(shí)又共享對(duì)方法的引用，最大限度地節(jié)省了內(nèi)存。該模式是目前使用最廣泛、認(rèn)同度最高的一種創(chuàng)建自定義對(duì)象的模式
function cons(name,age){
this.name = name;
this.age = age;
this.friends = ["arr","all"];
}
cons.prototype = {
getMes : function(){
console.log(`my name is ${this.name},this year ${this.age}`);
}
}
var mesge = new cons("will",21);
var mesge1 = new cons("jalo",21);
console.log(mesge.friends);
mesge.friends.push("wc"); //還可以操作數(shù)組哈O(∩_∩)O！
console.log(mesge.friends);
console.log(mesge1.friends);
mesge.getMes();
mesge1.getMes();
console.log(mesge.friends === mesge1.friends);
console.log(mesge.sayName === mesge1.sayName);
最后在告訴你個(gè)秘密，ES6引入了類（Class），讓對(duì)象的創(chuàng)建、繼承更加直觀了
// 定義類
class Cons{
constructor(name,age){
this.name = name;
this.age = age;
}
getMes(){
console.log(`hello ${this.name} !`);
}
}
let mesge = new Cons("啦啦啦~",21);
mesge.getMes();
在上面的代碼片段里，先是定義了一個(gè)Cons類，里面還有一個(gè)constructor函數(shù)，這就是構(gòu)造函數(shù)。而this關(guān)鍵字則代表實(shí)例對(duì)象。
而繼承可以通過extends關(guān)鍵字實(shí)現(xiàn)。
class Ctrn extends Cons{
constructor(name,anu){
super(name); //等同于super.constructor(x)
this.anu = anu;
}
ingo(){
console.log(`my name is ${this.name},this year ${this.anu}`);
}
}
let ster = new Ctrn("will",21);
ster.ingo();
ster.getMes();
好了，這次的分享就到這了，喜歡的朋友可以收藏哦（關(guān)注我也是可以滴O(∩_∩)O）！?。?/p>
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/82244.html
摘要：很多情況下，通常一個(gè)人類，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類是相似對(duì)象的描述，稱為類的定義，是該類對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過對(duì)類的實(shí)體化形成的對(duì)象。一類的對(duì)象抽取出來。注意中，對(duì)象一定是通過類的實(shí)例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...
摘要：很多情況下，通常一個(gè)人類，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類是相似對(duì)象的描述，稱為類的定義，是該類對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過對(duì)類的實(shí)體化形成的對(duì)象。一類的對(duì)象抽取出來。注意中，對(duì)象一定是通過類的實(shí)例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...
摘要：很多情況下，通常一個(gè)人類，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類是相似對(duì)象的描述，稱為類的定義，是該類對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過對(duì)類的實(shí)體化形成的對(duì)象。一類的對(duì)象抽取出來。注意中，對(duì)象一定是通過類的實(shí)例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...
摘要：是完全的面向?qū)ο笳Z言，它們通過類的形式組織函數(shù)和變量，使之不能脫離對(duì)象存在。而在基于原型的面向?qū)ο蠓绞街校瑢?duì)象則是依靠構(gòu)造器利用原型構(gòu)造出來的。 JavaScript 函數(shù)式腳本語言特性以及其看似隨意的編寫風(fēng)格，導(dǎo)致長(zhǎng)期以來人們對(duì)這一門語言的誤解，即認(rèn)為 JavaScript 不是一門面向?qū)ο蟮恼Z言，或者只是部分具備一些面向?qū)ο蟮奶卣鳌１疚膶⒒貧w面向?qū)ο蟊疽?，從?duì)語言感悟的角度闡述為什...
摘要：對(duì)象重新認(rèn)識(shí)面向?qū)ο竺嫦驅(qū)ο髲脑O(shè)計(jì)模式上看，對(duì)象是計(jì)算機(jī)抽象現(xiàn)實(shí)世界的一種方式。除了字面式聲明方式之外，允許通過構(gòu)造器創(chuàng)建對(duì)象。每個(gè)構(gòu)造器實(shí)際上是一個(gè)函數(shù)對(duì)象該函數(shù)對(duì)象含有一個(gè)屬性用于實(shí)現(xiàn)基于原型的繼承和共享屬性。 title: JS對(duì)象(1)重新認(rèn)識(shí)面向?qū)ο? date: 2016-10-05 tags: JavaScript 0x00 面向?qū)ο?從設(shè)計(jì)模式上看，對(duì)象是...
摘要：之前，本質(zhì)上不能算是一門面向?qū)ο蟮木幊陶Z言，因?yàn)樗鼘?duì)于封裝繼承多態(tài)這些面向?qū)ο笳Z言的特點(diǎn)并沒有在語言層面上提供原生的支持。所以在中出現(xiàn)了等關(guān)鍵字，解決了面向?qū)ο笾谐霈F(xiàn)了問題。 ES6之前，javascript本質(zhì)上不能算是一門面向?qū)ο蟮木幊陶Z言，因?yàn)樗鼘?duì)于封裝、繼承、多態(tài)這些面向?qū)ο笳Z言的特點(diǎn)并沒有在語言層面上提供原生的支持。但是，它引入了原型(prototype)的概念，可以讓我們以...
閱讀 3513·2019-08-30 13:15
閱讀 1458·2019-08-29 18:34
閱讀 885·2019-08-29 15:18
閱讀 3535·2019-08-29 11:21
閱讀 3313·2019-08-29 10:55
閱讀 3761·2019-08-26 10:36
閱讀 1930·2019-08-23 18:37
閱讀 1906·2019-08-23 16:57
