JavaScript簡寫技巧總結(jié)
在日常工作中，JavaScript一些常用的簡寫技巧，將直接影響到我們的開發(fā)效率，現(xiàn)將常用技巧整理如下:
1. 空(null, undefined)驗(yàn)證
當(dāng)我們創(chuàng)建了一個(gè)新的變量，我們通常會(huì)去驗(yàn)證該變量的值是否為空(null)或則未定義(undefined)。這對于JavaScript編程來說，是一個(gè)經(jīng)常要考慮到的驗(yàn)證。
非優(yōu)化代碼：
if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; }優(yōu)化代碼：
let variable2 = variable1 || ''
在谷歌瀏覽器開發(fā)者面板的控制臺(tái)下:
2. 數(shù)組
非優(yōu)化代碼：
let a = new Array(); a[0] = "myString1"; a[1] = "myString2"; a[2] = "myString3";
優(yōu)化代碼：
let a = ["myString1", "myString2", "myString3"];
3.if true .. else 的優(yōu)化
非優(yōu)化代碼：
let big;
if (x > 10) {
big = true;
}
else {
big = false;
}優(yōu)化代碼：
let big = x > 10 ? true : false;
在谷歌瀏覽器開發(fā)者面板的控制臺(tái)下:
4.變量聲明
非優(yōu)化代碼：
let x; let y; let z = 3;
優(yōu)化代碼：
let x, y, z=3;
5.賦值語句的簡化
非優(yōu)化代碼：
x=x+1; minusCount = minusCount - 1; y=y*10;
優(yōu)化代碼：
x++; minusCount --; y*=10;
假設(shè) x=10，y=5，那么基本的算術(shù)操作可以使用如下的簡寫方式：
在谷歌瀏覽器開發(fā)者面板的控制臺(tái)下:
6.避免使用RegExp對象
非優(yōu)化代碼：
var re = new RegExp("\d+(.)+\d+","igm"),
result = re.exec("padding 01234 text text 56789 padding");
console.log(result); //"01234 text text 56789"優(yōu)化代碼：
var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding");
console.log(result); //"01234 text text 56789"7.If 條件優(yōu)化
非優(yōu)化代碼：
if (likeJavaScript === true)
優(yōu)化代碼：
if (likeJavaScript)
8.charAt()的替代品
非優(yōu)化代碼：
"myString".charAt(0);
優(yōu)化代碼：
"myString"[0]; // 返回 'm'
到此這篇關(guān)于JavaScript簡寫技巧的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于JSON解析的實(shí)現(xiàn)過程解析
這篇文章主要介紹了關(guān)于JSON解析的實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
ES6 Object方法擴(kuò)展的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Object方法擴(kuò)展的應(yīng)用,結(jié)合實(shí)例形式總結(jié)分析了ES6針對對象方法的擴(kuò)展與優(yōu)化,需要的朋友可以參考下2019-06-06
Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap 手風(fēng)琴菜單的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-01-01
JavaScript 自定義彈出窗口的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript 自定義彈出窗口的實(shí)現(xiàn)代碼,實(shí)現(xiàn)一采用html編寫彈出窗口內(nèi)容,實(shí)現(xiàn)二采用JavaScript編寫彈出窗口內(nèi)容,結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-09-09
JS實(shí)現(xiàn)元素的拖動(dòng)與占位功能
這篇文章主要介紹了JS實(shí)現(xiàn)元素的拖動(dòng)與占位功能,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-11-11
微信小程序自定義tabbar實(shí)現(xiàn)突出樣式詳解流程
tabBar相對而言用的還是比較多的,但是用起來并沒有難,下面這篇文章主要給大家介紹了關(guān)于微信小程序全局配置之tabBar的相關(guān)資料,文中通過圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
JavaScript中實(shí)現(xiàn)Sleep功能及其應(yīng)用的幾種方法
這篇文章主要介紹了在JavaScript中實(shí)現(xiàn)sleep功能的幾種方法,包括使用Promise和setTimeout、async/await、Generator函數(shù)以及Node.js環(huán)境中的Atomics.wait,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
這篇文章主要介紹了JavaScript 里的類數(shù)組對象的相關(guān)資料,需要的朋友可以參考下2015-04-04
微信小程序使用echarts獲取數(shù)據(jù)并生成折線圖
這篇文章主要介紹了微信小程序使用echarts獲取數(shù)據(jù)并生成折線圖,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
實(shí)際應(yīng)用中我們會(huì)遇到監(jiān)聽按鍵輸入和鼠標(biāo)點(diǎn)擊事件,這篇文章主要介紹了前端如何監(jiān)聽手機(jī)鍵盤是否彈起的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02