JavaScript設計模式之構造器模式(生成器模式)定義與用法實例分析
本文實例講述了JavaScript設計模式之構造器模式(生成器模式)定義與用法。分享給大家供大家參考，具體如下：
工廠模式雖然解決了重復實例化的問題，但無法識別對象類型。
可以采用構造函數(構造方法)可用來創(chuàng)建特定的對象，可以解決工廠模式無法識別對象實例的問題。也就是說，使用構造函數的方法 ，即解決了重復實例化的問題 ，又解決了對象識別的問題。
構造器模式與工廠模式的不同之處在于：
① 構造函數方法沒有顯示的創(chuàng)建對象 (new Object())；
② 直接將屬性和方法賦值給 this 對象；
③ 沒有 return 語句。
構造函數方法的規(guī)范：
① 函數名和實例化構造名相同且大寫 (非強制，但有助于區(qū)分構造函數和普通函數)；
② 通過構造函數創(chuàng)建對象，必須使用new運算符。
function Person(name, age) {
this.name = name;
this.age = age;
this.showName = function() {
alert(this.name);
};
}
var person1 = new Person("Alice", 23);
var person2 = new Person("Bruce", 22);
構造器模式的問題：每個方法都要在每個實例上重新創(chuàng)建一遍。
原因：JavaScript中的函數是對象，每定義一個函數，就是實例化了一個Funtion對象，因此，使用構造函數創(chuàng)建的每個實例都有一個同名的方法，但這些方法不是同一個Function的實例，因為不同實例上的同名函數是不相等的。
解決：原型模式，請見：//www.dbjr.com.cn/article/144485.htm
更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
下面小編就為大家?guī)硪黄狽odeJS的Promise的用法解析。小編覺得挺不錯的，現在分享給大家，也給大家做個參考2016-05-05
下面小編就為大家?guī)硪黄昝澜鉀QIE不支持Data.parse()的問題。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起 小編過來看看吧2016-11-11
這篇文章主要介紹了原生JS實現的雪花飄落動畫效果,涉及javascript數值運算及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2018-05-05
Vant?Weapp是有贊前端團隊開源的一套小程序UI組件庫,助力開發(fā)者快速搭建小程序應用,下面這篇文章主要給大家介紹了關于uniapp使用Vant-weapp的最新方法教程,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-04-04
JavaScript函數中的防抖與節(jié)流原生實現及第三方庫的使用
當你頻繁的觸發(fā)用戶界面時,會不停的觸發(fā)事件處理函數,可能導致界面卡頓,瀏覽器奔潰,頁面空白等情況,而解決這一問題的,正是函數節(jié)流與函數防抖,所以本文將給大家介紹一下JavaScript函數中的防抖與節(jié)流原生實現及第三方庫的使用,需要的朋友可以參考下2023-10-10
IE瀏覽器不支持getElementsByClassName的解決方法
這篇文章主要介紹了IE瀏覽器不支持getElementsByClassName的解決方法,本文的方法比較完美的解決了這個問題,需要的朋友可以參考下2014-08-08
在使用小程序的過程中,在編輯個人資料時,通常會面臨上傳頭像、上傳背景圖片的情況,而這個開發(fā)過程需要怎樣實現呢?這篇文章主要給大家介紹了關于微信小程序實現云開發(fā)上傳文件、圖片功能的相關資料,需要的朋友可以參考下2022-12-12
JavaScript talbe表中指定位置插入一行的實現代碼 腳本之家修正版
用js實現的在table中指定的位置插入一行，先點一下表中你想插入的位置，點擊即可。2009-06-06
下面小編就為大家?guī)硪黄獪\談bootstrap源碼分析之tab(選項卡)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了js實現兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關技巧,需要的朋友可以參考下2015-12-12