javascript
JavaScript 设计模式之构造函数模式
一、構造函數(shù)模式概念解讀
? 1.構造函數(shù)模式概念文字解讀
????? 構造函數(shù)用于創(chuàng)建特定類型的對象——不僅聲明了使用的對象，構造函數(shù)還可以接受參數(shù)以便第一次創(chuàng)建對象的時候設置對象的成員值。你可以自定義自己的構造函數(shù)，然后在里面聲明自定義類型對象的屬性或方法。
????? 在JavaScript 里，構造函數(shù)通常是認為用來實現(xiàn)實例的，JavaScript沒有類的概念，但是有特殊的構造函數(shù)。通過new 關鍵字來調(diào)用自定義的構造函數(shù)，在構造函數(shù)內(nèi)部，this 關鍵字引用的是新創(chuàng)建的對象。
? 2.構造函數(shù)模式概念擬物化解讀
???? 門創(chuàng)建出來是要歸屬于某個人的，即，有使用對象（小王或小李）。門可以有多把鑰匙。門可以有各種花邊和形狀。
??? （廠家原始的門，客戶要求的門）
二、構造函數(shù)模式的作用和注意事項
? 模式作用：
??? 1.用于創(chuàng)建特定類型的對象。
??? 2.第一次聲明的時候給對象賦值。
??? 3.自己聲明構造函數(shù)，賦予屬性和方法。
? 注意事項：
??? 1.聲明函數(shù)的時候處理業(yè)務邏輯。
??? 2.區(qū)分和單例的區(qū)別，配合單例實現(xiàn)初始化。
??? 3.構造函數(shù)建議大寫字母開頭。
??? 4. 注意new 的成本。（繼承）盡量把公用的功能放到原型上去，具體再擴展。
?
三、構造函數(shù)模式的代碼實戰(zhàn)和總結(jié)
?1.一個通俗的例子
<meta charset="utf-8"/> <script type="text/javascript">//1.用于創(chuàng)建特定類型的對象//2.js開發(fā)的時候?qū)憜我?/span>//造門function makeDoor(){//instanceof 指向當前父類if (!(this instanceof makeDoor)) {return makeDoor();};this.lock="普通"; //門上的鎖this.figure="普通"; //門上的花紋this.create=function(){ //開始產(chǎn)門return "【鎖頭】"+this.lock+"【花紋】"+this.figure;}}var xiaozhangjia=new makeDoor(); //小張家需要建門,//此處如果沒有new ，會出現(xiàn)//“JS_singleton.html:46 Uncaught RangeError: Maximum call stack size exceeded”//堆棧溢出的錯誤。alert("xiaozhangjia"+xiaozhangjia.create()); //開始產(chǎn)門 </script>?
?2.與單例模式配合的例子
<meta charset="utf-8"/> <script type="text/javascript">//1.用于創(chuàng)建特定類型的對象//2.js開發(fā)的時候?qū)憜我?/span>//聲明一個AA公司,造門;將造門放到AA進來，略改一下語法var AA={ //造門function:makeDoor(figure){//instanceof 指向當前父類if (!(this instanceof makeDoor)) {return new makeDoor();};var _figure = "普通";if (figure) {_figure= figure;};this.lock="普通"; //門上的鎖this.figure=_figure; //門上的花紋this.create=function(){ //開始產(chǎn)門return "【鎖頭】"+this.lock+"【花紋】"+this.figure}} //聲明一個BB公司,也可以造門var BB={ //造門function : makeDoor(figure){//instanceof 指向當前父類if (!(this instanceof makeDoor)) {return new makeDoor();};var _figure = "普通";if (figure) {_figure= figure;};this.lock="普通"; //門上的鎖this.figure=_figure; //門上的花紋this.create=function(){ //開始產(chǎn)門return "【鎖頭】"+this.lock+"【花紋】"+this.figure}}var xiaozhangjia=new AA.makeDoor(); //小張家需要建門,//此處如果沒有new ，會出現(xiàn)//“JS_singleton.html:46 Uncaught RangeError: Maximum call stack size exceeded”//堆棧溢出的錯誤。alert("xiaozhangjia"+xiaozhangjia.create()); //開始產(chǎn)門var xiaolijia =new BB.makeDoor('絢麗');//小李家也需要建門,alert("xiaolijia"+xiaolijia.create()); </script>?
總結(jié)
以上是生活随笔為你收集整理的JavaScript 设计模式之构造函数模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 消防巡检控制器，消防泵巡检控制柜专用元件
- 下一篇： [密码学基础][每个信息安全博士生应该知