前言

本文主要給大家整理了一份10個(gè)程序員常用的代碼簡(jiǎn)寫技術(shù)，看懂一種是入門，全懂就是大神，你能知道幾個(gè)呢？下面話不多說(shuō)了，來(lái)看看詳細(xì)的介紹：

一、三元操作符

當(dāng)想寫if…else語(yǔ)句時(shí)，使用三元操作符來(lái)代替。

const x = 20;let answer;if (x > 10) {

簡(jiǎn)寫：

const answer = x > 10 ? 'is greater' : 'is lesser';

也可以嵌套if語(yǔ)句：

const big = x > 10 ? " greater 10" : x

二、短路求值簡(jiǎn)寫方式

當(dāng)給一個(gè)變量分配另一個(gè)值時(shí)，想確定源始值不是null，undefined或空值?？梢詫懽珜懸粋€(gè)多重條件的if語(yǔ)句。

或者可以使用短路求值方法：

const variable2 = variable1 || 'new';

三、聲明變量簡(jiǎn)寫方法

let x;let y;let z = 3;

簡(jiǎn)寫方法：

let x, y, z=3;

四、if存在條件簡(jiǎn)寫方法

if (likeJavaScript === true)

簡(jiǎn)寫：

if (likeJavaScript)

只有l(wèi)ikeJavaScript是真值時(shí)，二者語(yǔ)句才相等

如果判斷值不是真值，則可以這樣：

let a;if ( a !== true ) {// do something...}

簡(jiǎn)寫：

let a;if ( !a ) {// do something...}

五、JavaScript循環(huán)簡(jiǎn)寫方法

for (let i = 0; i < allImgs.length; i++)

簡(jiǎn)寫：

for (let index in allImgs)

也可以使用Array.forEach：

六、短路評(píng)價(jià)

給一個(gè)變量分配的值是通過(guò)判斷其值是否為null或undefined，則可以：

let dbHost;if (process.env.DB_HOST) {

簡(jiǎn)寫：

const dbHost = process.env.DB_HOST || 'localhost';

七、十進(jìn)制指數(shù)

當(dāng)需要寫數(shù)字帶有很多零時(shí)（如10000000），可以采用指數(shù)（1e7）來(lái)代替這個(gè)數(shù)字：

for (let i = 0; i < 10000; i++) {}

簡(jiǎn)寫：

八、對(duì)象屬性簡(jiǎn)寫

如果屬性名與key名相同，則可以采用ES6的方法：

const obj = { x:x, y:y };

簡(jiǎn)寫：

const obj = { x, y };

九、箭頭函數(shù)簡(jiǎn)寫

傳統(tǒng)函數(shù)編寫方法很容易讓人理解和編寫，但是當(dāng)嵌套在另一個(gè)函數(shù)中，則這些優(yōu)勢(shì)就蕩然無(wú)存。

function sayHello(name) { console.log('Hello', name);

簡(jiǎn)寫：

sayHello = name => console.log('Hello', name);

十、隱式返回值簡(jiǎn)寫

經(jīng)常使用return語(yǔ)句來(lái)返回函數(shù)最終結(jié)果，一個(gè)單獨(dú)語(yǔ)句的箭頭函數(shù)能隱式返回其值（函數(shù)必須省略

{}為了省略return關(guān)鍵字）為返回多行語(yǔ)句（例如對(duì)象字面表達(dá)式），則需要使用()包圍函數(shù)體。

簡(jiǎn)寫：

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

最新評(píng)論