更新時(shí)間:2023-09-05 來源:黑馬程序員 瀏覽量:
下面看單例模式和工廠模式的使用。
工廠模式
在JavaScript中,工廠模式的表現(xiàn)形式就是一個(gè)調(diào)用即可返回新對(duì)象的函數(shù),當(dāng)需要?jiǎng)?chuàng)建多個(gè)屬性對(duì)象,包含多個(gè)屬性方法時(shí),可以使用工廠模式,示例代碼如下:
// 工廠模式 function FoodFactory(name, color) { return{ name, color } } const f1 = FoodFactory('西蘭花','黃綠色')
// 構(gòu)造函數(shù) function Food(name, color) { this.name = name this.color = color } const f3 = new Food('西蘭花','黃綠色')
1.vue3-createApp
傳送門使用自定義配置新建一個(gè)實(shí)例。
const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, headers: { 'X-Custom-Header':'foobar' } })
在JavaScript中,工廠模式的表現(xiàn)形式就是一個(gè)調(diào)用即可返回新對(duì)象的函數(shù)。
// 工廠模式 function FoodFactory(name, color) { return { name, color } } const toy1 = FoodFactory('西蘭花','黃綠色') const toy2 = FoodFactory('花菜','白色')
2.axios-create
我們使用自定義配置新建一個(gè)實(shí)例 ,
const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, headers: { 'X-Custom-Header': 'foobar'} })
在JavaScript中,工廠模式的表現(xiàn)形式就是一個(gè)調(diào)用即可返回新對(duì)象的函數(shù)。
// 工廠模式 function FoodFactory(name, color) { return { name, color } } const toy1 = FoodFactory('西蘭花','黃綠色') const toy2 = FoodFactory('花菜','白色')
// 構(gòu)造函數(shù) function Food(name, color) { this.name = name this.color = color } const f3 = new Food('西蘭花','黃綠色')
單例模式
在使用單例模式模式時(shí),單例對(duì)象整個(gè)系統(tǒng)需要保證只有一個(gè)存在。
consts1= SingleTon.getInstance() consts2= SingleTon.getInstance() console.log(s1=== s2)//true
1.單例方法:
1.自己實(shí)現(xiàn)
2.vant中的toast和notify組件
2.單例的思想:
1.vue2中的use方法
2.vue3中的use方法