裝飾器非常好用
前面給大家發(fā)了一篇文章xxx,給大家介紹了一遍JavaScript中的裝飾器,今天就給大家介紹一下在我項(xiàng)目中用到過的幾個(gè)裝飾器的思路吧!
代碼是偽代碼,只是提供個(gè)思路,實(shí)際上代碼不止這么少。
防抖裝飾器
當(dāng)我們?cè)谝恍┨厥鈭?chǎng)景時(shí),需要使用防抖這個(gè)優(yōu)化手段來進(jìn)行優(yōu)化,比如:
表單提交
數(shù)據(jù)的搜索
數(shù)據(jù)的篩選
某些數(shù)據(jù)的更改
數(shù)據(jù)改變時(shí)觸發(fā)的回調(diào)
這些函數(shù)都可以使用防抖裝飾器來進(jìn)行性能優(yōu)化,防抖的意思是,當(dāng)你頻繁執(zhí)行某一個(gè)操作時(shí),這個(gè)操作只執(zhí)行最后一次,確保不會(huì)因?yàn)轭l繁的執(zhí)行而損耗性能~
節(jié)流裝飾器
節(jié)流跟防抖是不同的優(yōu)化手段,節(jié)流是保證在一段時(shí)間內(nèi)只執(zhí)行一次操作,適用在這些場(chǎng)景中:
監(jiān)聽窗口寬度變化的回調(diào)
監(jiān)聽滾動(dòng)條變化的回調(diào)
日志輸出裝飾器
日志的輸出是很重要的,尤其是在 Nodejs 端,日志輸出會(huì)通過 pm2 等工具,記錄在一些日志文件里,尤其是一些比較公用的工具函數(shù),更是非常重要,一般需要記錄這些內(nèi)容。
執(zhí)行的函數(shù)名稱
執(zhí)行時(shí)傳入的參數(shù)
執(zhí)行后獲取到的結(jié)果
錯(cuò)誤處理裝飾器
跟日志裝飾器一樣,錯(cuò)誤其實(shí)也是日志的一部分,錯(cuò)誤日志非常重要,因?yàn)?Nodejs 的線上報(bào)錯(cuò),大部分都需要通過查日志來進(jìn)行定位,