JavaScript簡寫技巧總結
更新時間：2022年06月27日 08:37:51 作者：小旭2021
這篇文章總結了JavaScript的一些簡寫技巧，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
在日常工作中，JavaScript一些常用的簡寫技巧，將直接影響到我們的開發(fā)效率，現(xiàn)將常用技巧整理如下:
1. 空(null, undefined)驗證
當我們創(chuàng)建了一個新的變量，我們通常會去驗證該變量的值是否為空(null)或則未定義(undefined)。這對于JavaScript編程來說，是一個經常要考慮到的驗證。
非優(yōu)化代碼：
if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; }優(yōu)化代碼：
let variable2 = variable1 || ''
在谷歌瀏覽器開發(fā)者面板的控制臺下:
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ā)者面板的控制臺下:
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;
假設 x=10，y=5，那么基本的算術操作可以使用如下的簡寫方式：
在谷歌瀏覽器開發(fā)者面板的控制臺下:
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'
到此這篇關于JavaScript簡寫技巧的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了關于JSON解析的實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了ES6 Object方法擴展的應用,結合實例形式總結分析了ES6針對對象方法的擴展與優(yōu)化,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了Bootstrap 手風琴菜單的實現(xiàn)代碼,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了JavaScript 自定義彈出窗口的實現(xiàn)代碼,實現(xiàn)一采用html編寫彈出窗口內容,實現(xiàn)二采用JavaScript編寫彈出窗口內容,結合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-09-09
這篇文章主要介紹了JS實現(xiàn)元素的拖動與占位功能,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-11-11
微信小程序自定義tabbar實現(xiàn)突出樣式詳解流程
tabBar相對而言用的還是比較多的,但是用起來并沒有難,下面這篇文章主要給大家介紹了關于微信小程序全局配置之tabBar的相關資料,文中通過圖文以及示例代碼介紹的非常詳細,需要的朋友可以參考下2023-01-01
JavaScript中實現(xiàn)Sleep功能及其應用的幾種方法
這篇文章主要介紹了在JavaScript中實現(xiàn)sleep功能的幾種方法,包括使用Promise和setTimeout、async/await、Generator函數(shù)以及Node.js環(huán)境中的Atomics.wait,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
這篇文章主要介紹了JavaScript 里的類數(shù)組對象的相關資料,需要的朋友可以參考下2015-04-04
微信小程序使用echarts獲取數(shù)據(jù)并生成折線圖
這篇文章主要介紹了微信小程序使用echarts獲取數(shù)據(jù)并生成折線圖,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
實際應用中我們會遇到監(jiān)聽按鍵輸入和鼠標點擊事件,這篇文章主要介紹了前端如何監(jiān)聽手機鍵盤是否彈起的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-02-02