js 1 設計模式

2021-09-28 20:20:40 字數 1099 閱讀 8159

一、工廠模式

使用場景:

1. jquery中只有乙個$

2. react 中的reactelement(

)方法

class jquery

css()}

window.$ = function(selector)

$('body'

).css(

)

二、單例模式

// 單例模式:只能例項化乙個物件,例子中是在getinstance中例項化,其他地方就不需要呼叫

class loginform

show(

) this.state =

true

console.log(

'顯示成功')}

hide(

) this.state =

false

console.log(

'隱藏成功')}

}loginform.getinstance =

(function(

)return instance

}})()

let a1 = loginform.getinstance(

)a1.show(

)let a2 = loginform.getinstance(

)a2.hide(

)

三、介面卡模式

使用場景

1. 封裝舊介面

2. vue compputed屬性

class adaptee

}class target

request(

) 轉換為 中國插頭標準`

}}let target = new target(

)console.log(target.request(

))

四、裝飾器模式

1. 第三方庫:core-decorators(

2. 為物件新增新功能,不改變其原有的結構和功能

3. 例子:

4. 例子:

前端基礎 js1

break 直接跳出當前迴圈或者乙個switch語句。如果你的迴圈是巢狀的,需要逐步使用break跳出。for var b 1 b 20 b document.writeln b 輸出1 11 以上 在b 12的時候就結束循壞。continue 終止當前的一次迴圈過程,不跳出迴圈,繼續往下判斷循壞條...

製作水果忍者 JS 1

他是c 我寫的js 記錄一下我寫的過程方便回憶 先是製作背景,然後學到了乙個製作ugui很重要的九宮格,這個很方便去製作背景的大小。利用這個圓形透明背景製作出這兩種大小不一樣背景 文字是自己新增的 然後製作read go 的開始提示。pragma strict import unityengine....

物件導向的js(1)

程式語言安裝資料型別大體可以分為兩類 一類是靜態型別語言,另一類是動態型別語言。靜態型別語言 編譯時已經確定變數的型別。動態型別語言 變數型別要到程式執行的時候,帶變數被賦予某個值之後,才會具有某種型別。鴨子型別 行為一致,只關注物件行為,不關注物件本身。多型 同一操作作用於不同的物件上面,可以產生...