对于每个 JavaScript 开发人员，快捷语法都是必备技能之一，下面就集中介绍这些快捷语法。

注：以下的语法部分根据 ES6

三元运算符

传统写法

const x = 20;

let answer;

if (x > 10) {

answer = 'is greater';

} else {

answer = 'is lesser';

}

快捷语法

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

也可以嵌套使用

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

空值判定

当需要一个不为空的值时，常常使用很啰嗦的判定，如

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {

let variable2 = variable1;

}

快捷语法

const variable2 = variable1 || 'new';

变量声明

传统写法

let x;

let y;

let z = 3;

快捷语法

let x, y, z=3;

如果 true

传统写法

if (likeJavaScript === true)

快捷语法

if (likeJavaScript)

for 循环

传统写法

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

快捷语法

for (let index in allImgs)

Array.forEach 语法

function logArrayElements(element, index, array) {

console.log("a[" + index + "] = " + element);

}

[2, 5, 9].forEach(logArrayElements);

// logs:

// a[0] = 2

// a[1] = 5

// a[2] = 9

十进制指数

例如，1E7基本上是指，随后7个零。它代表了小数基（其中的JavaScript解释为浮子式）等于10,000,000

传统写法

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

快捷语法

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

// All the below will evaluate to true

1e0 === 1;

1e1 === 10;

1e2 === 100;

1e3 === 1000;

1e4 === 10000;

1e5 === 100000;

对象属性（Object Property）

传统写法

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

快捷语法

const obj = { x, y };

未完待续~~~