10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

今天小編我給大家整理了一份10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神,你能知道幾個呢?

 

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語句。

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

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

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:

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

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++) {}

簡寫:

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

8.對象屬性簡寫

如果屬性名與key名相同,則可以採用ES6的方法:

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

簡寫:

const obj = { x, y };

9.箭頭函數簡寫

傳統函數編寫方法很容易讓人理解和編寫,但是當嵌套在另一個函數中,則這些優勢就蕩然無存。

如果大家對C/C++感興趣的話,可以加一下我們的學習交流摳摳裙哦:637,935,295,免費領取一套學習資料和視頻課程喲~

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

簡寫:

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

10.隱式返回值簡寫

經常使用return語句來返回函數最終結果,一個單獨語句的箭頭函數能隱式返回其值(函數必須省略

{}爲了省略return關鍵字)爲返回多行語句(例如對象字面表達式),則需要使用()包圍函數體。

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

簡寫:

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

10個程序員常用的代碼簡寫技術,看懂一種是入門,全懂就是大神

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章