如何使用javascript中的原型模式-創(chuàng)新互聯(lián)

這篇文章主要講解了如何使用javascript中的原型模式，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

成都創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋成都?jí)w彩繪等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身策劃品質(zhì)網(wǎng)站。

介紹：在日常的開發(fā)過程中，我們經(jīng)常會(huì)利用到前端模板引擎來做頁面渲染，因?yàn)榇嬖诤芏囗撁娼Y(jié)構(gòu)相同，內(nèi)容不同的場(chǎng)景。這種場(chǎng)景在js層面也會(huì)遇到，

很多組件存在相同或者類似，重復(fù)的創(chuàng)建會(huì)導(dǎo)致系統(tǒng)的消耗，這就要用到原型模式了。將相似內(nèi)容提取出來作為原型類，創(chuàng)建具體類時(shí)需要對(duì)原型類進(jìn)行復(fù)制然后擴(kuò)展。

需要注意的是，復(fù)制出來的對(duì)象在進(jìn)行修改時(shí)不會(huì)影響到原型類，二者相互獨(dú)立。

定義：使用原型實(shí)例指定創(chuàng)建對(duì)象的種類，并且通過克隆這些原型創(chuàng)建新的對(duì)象。原型模式是一種對(duì)象創(chuàng)建型模式。

場(chǎng)景：我們還是基于Dialog類來實(shí)現(xiàn)原型模式，我將所有彈窗共有的屬性方法抽取出來，每次創(chuàng)建時(shí)通過復(fù)制其基礎(chǔ)屬性，在此基礎(chǔ)上進(jìn)行完善，然后返回新的對(duì)象。

示例：

var Dialog = function(){
 this.init = function(arg){
 this.element = arg.element;
 this.name = arg.name;
 }
 this.show = function(){
 console.log(this.name + ' is show -> ' + this.element);
 }
};
var createDialog = function(arg){
 var _dialog = function(){};
 _dialog.prototype = new Dialog();
 
 var resDia = new _dialog();
 resDia.init(arg);
 return resDia;
 
}
var notice = createDialog({name:'notice',element:'<div>notice</div>'});
var toast = createDialog({name:'toast',element:'<div>toast</div>'});
var warnin = createDialog({name:'warnin',element:'<div>warnin</div>'});
 
notice.show(); //notice is show -> <div>notice</div>
toast.show(); //toast is show -> <div>toast</div>
warnin.show(); //warnin is show -> <div>warnin</div>

新聞標(biāo)題：如何使用javascript中的原型模式-創(chuàng)新互聯(lián)
路徑分享：http://muchs.cn/article42/dgepec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、小程序開發(fā)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名