今天小編我給大家整理了一份10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神,你能知道幾個呢?
1.三元操作符
當想寫if…else語句時,使用三元操作符來代替。
const x = 20;let answer;if (x 10) {
簡寫:
const answer = x 10 ? 'is greater' : 'is lesser';
也可以嵌套if語句:
const big = x 10 ? " greater 10" : x
2.短路求值簡寫方式
當給一個變數分配另一個值時,想確定源始值不是null,undefined或空值。可以寫撰寫一個多重條件的if語句。
或者可以使用短路求值方法:
const variable2 = variable1 || 'new';
3.聲明變數簡寫方法
let x;let y;let z = 3;
簡寫方法:
let x y z=3;
4.if存在條件簡寫方法
if (likeJavaScript === true)
簡寫:
if (likeJavaScript)
只有likeJavaScript是真值時,二者語句才相等
如果判斷值不是真值,則可以這樣:
let a;if ( a !== true ) {// do something...}
簡寫:
let a;if ( !a ) {// do something...}
5.JavaScript循環簡寫方法
for (let i = 0; i < allImgs.length; i++)
簡寫:
for (let index in allImgs)
也可以使用Array.forEach:
6.短路評價
給一個變數分配的值是通過判斷其值是否為null或undefined,則可以:
let dbHost;if (process.env.DB_HOST) {
簡寫:
const dbHost = process.env.DB_HOST || 'localhost';
7.十進位指數
當需要寫數字帶有很多零時(如10000000),可以採用指數(1e7)來代替這個數字:
for (let i = 0; i < 10000; i++) {}
簡寫:
8.對象屬性簡寫
如果屬性名與key名相同,則可以採用ES6的方法:
const obj = { x:x y:y };
簡寫:
const obj = { x y };
9.箭頭函數簡寫
傳統函數編寫方法很容易讓人理解和編寫,但是當嵌套在另一個函數中,則這些優勢就蕩然無存。
function sayHello(name) { console.log('Hello' name);
簡寫:
sayHello = name = console.log('Hello' name);
10.隱式返回值簡寫
經常使用return語句來返回函數最終結果,一個單獨語句的箭頭函數能隱式返回其值(函數必須省略
{}為了省略return關鍵字)為返回多行語句(例如對象字面表達式),則需要使用包圍函數體。
簡寫: