JavaScript中常見的設計模式(3)原型模式

2021-07-31 04:46:45 字數 697 閱讀 1708

原型模式

在上一章節中已經說過原型模式解決了構造模式和工廠模式的不足之處。

function person(){}

person.prototype.name ="yuan xing";

person.prototype.age=23;

person.prototype.job="software engineer";

person.prototype.displayinfo=function()

var person=new person()

從上述的栗子中可以看出,原型模式不會有建構函式定義多個全域性函式的問題,也不會有工廠模式不能確定物件例項型別的問題。

但是從上述栗子中可以看出原型模式不能傳入引數這是原型模式

優點:語義上,看起來所有屬性都是同乙個物件,解決了建構函式和工廠模式的問題;

缺點:不能通過給建構函式傳遞引數來初始化屬性的值,而且如果其中某個例項屬性重新賦值,會導致其他的例項同一屬性也會發生變化

JavaScript中常見的HTML DOM操作

dom是文件物件模型 document object model 的縮寫,dom 定義了訪問 html 和 xml 文件的標準 w3c 文件物件模型 dom 是中立於平台和語言的介面,它允許程式和指令碼動態地訪問和更新文件的內容 結構和樣式。以下是一段html的 鏈結 同時,dom解析html文件在...

javaScript 中常見的10種錯誤

game.prototype.restart function 0 執行上面的 將會出現如下錯誤 uncaught typeerror undefined is not a function 為什麼會有這個錯?this是指代當前物件本身,this的呼叫和它所在的環境密切相關。上面的錯誤是因為在呼叫s...

JavaScript中常見獲取元素的方法及其拓展

常見的獲取元素的方法有3種,分別是通過元素id 通過標籤名字和通過類名字來獲取。dom提供了乙個名為getelementbyid的方法,這個方法將返回乙個與之對應id屬性的節點物件。使用的時候請注意區分大小寫。它是document物件特有的函式,只能通過其來呼叫該方法。其使用的方法如下 docume...