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