JavaScript簡(jiǎn)寫(xiě)技巧總結(jié)
在日常工作中，JavaScript一些常用的簡(jiǎn)寫(xiě)技巧，將直接影響到我們的開(kāi)發(fā)效率，現(xiàn)將常用技巧整理如下:
1. 空(null, undefined)驗(yàn)證
當(dāng)我們創(chuàng)建了一個(gè)新的變量，我們通常會(huì)去驗(yàn)證該變量的值是否為空(null)或則未定義(undefined)。這對(duì)于JavaScript編程來(lái)說(shuō)，是一個(gè)經(jīng)常要考慮到的驗(yàn)證。
非優(yōu)化代碼：
if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; }優(yōu)化代碼：
let variable2 = variable1 || ''
在谷歌瀏覽器開(kāi)發(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;
在谷歌瀏覽器開(kāi)發(fā)者面板的控制臺(tái)下:
4.變量聲明
非優(yōu)化代碼：
let x; let y; let z = 3;
優(yōu)化代碼：
let x, y, z=3;
5.賦值語(yǔ)句的簡(jiǎn)化
非優(yōu)化代碼：
x=x+1; minusCount = minusCount - 1; y=y*10;
優(yōu)化代碼：
x++; minusCount --; y*=10;
假設(shè) x=10，y=5，那么基本的算術(shù)操作可以使用如下的簡(jiǎn)寫(xiě)方式：
在谷歌瀏覽器開(kāi)發(fā)者面板的控制臺(tái)下:
6.避免使用RegExp對(duì)象
非優(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簡(jiǎn)寫(xiě)技巧的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文給大家匯總介紹了javascript格式化日期時(shí)間的五種常用方法，個(gè)人對(duì)第五種個(gè)性化輸出時(shí)間比較有興趣，基本上只要項(xiàng)目中能用到都是使用第五種，推薦給小伙伴們。2015-06-06
JS組件Form表單驗(yàn)證神器BootstrapValidator
做Web開(kāi)發(fā)的我們，表單驗(yàn)證是再常見(jiàn)不過(guò)的需求了。友好的錯(cuò)誤提示能增加用戶體驗(yàn)。今天就來(lái)看看bootstrapvalidator如何使用，感興趣的小伙伴們可以參考一下2016-01-01
Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼
這篇文章主要介紹了Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
使用JS監(jiān)聽(tīng)鍵盤(pán)按下事件（keydown event）
這篇文章主要介紹了使用JS監(jiān)聽(tīng)鍵盤(pán)按下事件（keydown event），本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了js中獲取一個(gè)月有多少天的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
使用JavaScript獲取URL中的參數(shù)(兩種方法)
這篇文章主要介紹了使用JavaScript獲取URL中的參數(shù)(兩種方法)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
微信小程序使用slider實(shí)現(xiàn)音頻進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了微信小程序使用slider實(shí)現(xiàn)音頻進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家介紹了Javascript File和Blob，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
javascript中關(guān)于執(zhí)行環(huán)境的雜談
如你所知,javascript里執(zhí)行環(huán)境是作為一個(gè)最核心的概念存在的。相信廣大FE筒子們對(duì)于這個(gè)概念不會(huì)陌生，它定義了變量或函數(shù)有權(quán)訪問(wèn)其他數(shù)據(jù)范圍以及其行為。2011-08-08
setTimeout內(nèi)不支持jquery的選擇器的解決方案
在JS中無(wú)論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù)，而在許多場(chǎng)合必須要帶參數(shù)，這就需要想方法解決。2015-04-04