摘要:所以程序在引入文件的時候用了單例模式,一個文件實例化一次,這種做法無疑是好的,但是也容易引起。在我們平時的開發過程中,可以借鑒這兩種方式去緩存變量,節點等。
這一章作者講了一個例子,就是在用單例模式生成一個dom節點,還要做到只有訪問的時候才創建,后續訪問直接用前面創建的。
那么實際開發中我們會用到這個模式嗎?
現在我們基本都是用vue,react,angular開發,不太會直接去操作dom。那這個給我們的意義在哪里呢?
其實吧,如果你寫react,你會發現單例無處不在。
比如你設置一個antd的modal,一般情況下你會通過設置visible去顯示或者隱藏modal。其實這個modal可以說是單例模式,因為它只創建了一次,每次關閉只是改變了css樣式的display。目的是為了優化性能不用每次去創建一個dom。
還有就是你在文件中引入的變量也是單例。
比如a.js文件中
export const fruits = ["apple", "banana", "pear"];
當你在某個組件里面引入這個變量。那么如果你改變它
import {fruits} from "./a.js"; fruits.push("grape");
那么當頁面沒刷新,所有引用的地方都會被改變,這時很容易引起的bug。
所以程序在引入文件的時候用了單例模式,一個文件實例化一次,這種做法無疑是好的,但是也容易引起bug。
在我們平時的開發過程中,可以借鑒這兩種方式去緩存變量,節點等。但是也要注意不要隨意改變。
上一章-前言
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/109366.html
摘要:本系列為設計模式與開發實踐作者曾探學習總結,如想深入了解,請支持作者原版單例模式實現單例模式單例模式的定義是保證一個類僅有一個實例,并提供一個訪問它的全局訪問點。 本系列為《JavaScript設計模式與開發實踐》(作者:曾探)學習總結,如想深入了解,請支持作者原版 單例模式 實現單例模式 單例模式的定義是:保證一個類僅有一個實例,并提供一個訪問它的全局訪問點。單例模式是一種常用的模式...
摘要:相信很多人都看過設計模式與開發實踐這本書,每個人都有自己的體會感受,作為前端年開發經驗的程序猿,用我自認為還可以的實踐經驗來與大家談談這本書。這章是前言,后面陸續會講解每個設計模式。 相信很多人都看過《javascript設計模式與開發實踐》這本書,每個人都有自己的體會感受,作為前端3年開發經驗的程序猿,用我自認為還可以的實踐經驗來與大家談談這本書。這章是前言,后面陸續會講解每個設計模...
閱讀 3205·2021-11-17 09:33
閱讀 3288·2021-11-15 11:37
閱讀 2950·2021-10-19 11:47
閱讀 3199·2019-08-29 15:32
閱讀 1001·2019-08-29 15:27
閱讀 1525·2019-08-29 13:15
閱讀 932·2019-08-29 12:47
閱讀 2023·2019-08-29 11:30