日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

12 個(gè)高級(jí) JavaScript 技巧,優(yōu)化你的代碼

admin
2025年1月2日 11:46 本文熱度 604

JavaScript 帶給了我們極大的自由,但也帶來(lái)了一定的復(fù)雜性。為了讓你的代碼更高效、易于維護(hù),下面認(rèn)真分享 12個(gè) JavaScript 的高級(jí)技巧和實(shí)用場(chǎng)景。

空值合并(??)

場(chǎng)景:如果變量為 null 或 undefined ,則使用默認(rèn)值。

const username = user.name ?? 'Guest';
console.log(username); // 如果 user.name 為 null 或 undefined,輸出‘Guest’

使用 Intl 進(jìn)行格式化

場(chǎng)景:Intl 對(duì)象可以用于格式化貨幣、日期以及數(shù)字,非常適合需要進(jìn)行本地化處理的場(chǎng)景。

const formatter = newIntl.NumberFormat('zh-CN', { style'currency'currency'CNY' });
console.log(formatter.format(1000)); // 輸出:¥1,000.00

緩存函數(shù)

場(chǎng)景:緩存函數(shù)結(jié)果以加快重復(fù)調(diào)用速度。

const memoize = fn => {
  const cache = {};
  return(...args) => {
    const key = JSON.stringify(args);
    if (!cache[key]) cache[key] = fn(...args);
    return cache[key];
  };
};

可選鏈接

場(chǎng)景:簡(jiǎn)化字符串插值和多行字符串。

const address = user?.contact?.address?.city;
console.log(address); 

使用 Set 保存唯一值

場(chǎng)景:當(dāng)需要存儲(chǔ)一組不重復(fù)的值時(shí),可以使用 Set。

const unique = newSet([1231]);
console.log(unique); // 輸出:Set { 1, 2, 3 }

模板字面量

場(chǎng)景:插入變量,實(shí)現(xiàn)多行字符串。

const username = "Saurabh";
const entries = 1567;
const message = `Hello, ${username}!, Welcome to dashboard you have ${entries} left`;

默認(rèn)參數(shù)

場(chǎng)景:為函數(shù)參數(shù)分配默認(rèn)值。

function greet(name = 'Guest'{
    console.log(`Hello, ${name}!`);
}

 數(shù)組擴(kuò)展運(yùn)算符

場(chǎng)景:克隆或合并數(shù)組。

const newArray = [...array1, ...array2];

數(shù)組映射

場(chǎng)景:將元素轉(zhuǎn)換成新數(shù)組。

const names = users.map(user => user.name);

防抖

場(chǎng)景:控制函數(shù)執(zhí)行頻率。

const debounce = (func, delay) => {
  let timeout;
  return (...args) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => func(...args), delay);
  };
};

節(jié)流

場(chǎng)景:控制函數(shù)隨時(shí)間推移的執(zhí)行頻率。

const throttle = (func, limit) => {
let lastFunc;
let lastRan;
return(...args) => {
    if (!lastRan) {
      func(...args);
      lastRan = Date.now();
    } else {
      clearTimeout(lastFunc);
      lastFunc = setTimeout(() => {
        if (Date.now() - lastRan >= limit) {
          func(...args);
          lastRan = Date.now();
        }
      }, limit - (Date.now() - lastRan));
    }
  };
};

Promise.all

場(chǎng)景:并行處理多個(gè) promise。

const results = await Promise.all([fetchData1(), fetchData2()]);

結(jié)論

通過(guò)掌握這些高級(jí) JavaScript 技巧,你可以在編寫代碼時(shí)更加高效、優(yōu)雅,并能輕松解決復(fù)雜問(wèn)題。無(wú)論是通過(guò) Intl 進(jìn)行數(shù)據(jù)格式化,還是使用 Set 去重和管理集合,這些實(shí)用的方法都能幫助你寫出更簡(jiǎn)潔、更專業(yè)的代碼。

本文首發(fā)于公眾號(hào)“web前端開發(fā)之旅”,轉(zhuǎn)載請(qǐng)注明出處!


該文章在 2025/1/3 9:12:58 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 国产女主播精品大秀系列 | 日本在线不卡二区三区 | 欧美日韩高清 | 在线精品亚洲欧洲第一页 | 天天影视色香欲综合网小说 | 国产乱弄视频在线观看 | 91国语精品自产拍在线观看一 | 99热这里只有精品国产首页 | 免费无毒a网站在线观看 | 精品日韩视频一区二区三 | 日本a级网站在线观看 | 黑人巨大 | 午夜电影免费在线观看 | 亚洲欧美国产一区二区三区 | 日韩亚洲欧美一区二区三区 | 国产片网站 | 国产精品hd在线播放 | 亚洲国产一区二区中文字幕 | 两口子交换真实刺激 | 成人午夜一区二区三区视频 | 九九在线精品视 | 免费视频专区一国产盗摄 | 日本免费一二区 | 亚洲一区二区在线欧洲 | 五月婷婷综合在线视频 | 欧美日韩大尺码免费专区 | 国产老熟女老女人老人 | 天堂资源最新在线 | 国产精品主播在线 | 精品一区二区三区视频免费 | 久爱免费观看在线网站 | 亚洲国产人成自精在线尤物 | 禁止18岁啪 | 日本最新伦中文字幕 | 国产日韩精品一区在线观看 | 国产在线成人 | 最新电视剧 | 奇米精品视频一区二区三区 | 国产aⅴ片 | 日本一二线不卡在线观看 | 成人精品一区二区户外勾 |