前端简写技巧

http://blog.csdn.net/powertoolsteam/article/details/78326368

1、三目运算符

const x = 20;
let answer;
if (x > 10) {
    answer = 'greater than 10';
} else {
    answer = 'less than 10';
}

简写为：

const answer = x > 10 ? 'greater than 10' : 'less than 10';

2、循环语句

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

简写为：

for (let index of allImgs)

下面是遍历数组 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

3、声明变量

在函数开始之前，对变量进行赋值是一种很好的习惯。在申明多个变量时：

let x;
let y;
let z = 3;

可以简写为：

let x, y, z=3;

4、if 语句

在使用 if 进行基本判断时，可以省略赋值运算符。

if (likeJavaScript === true)

简写为：

if (likeJavaScript)

5、十进制数

可以使用科学计数法来代替较大的数据，如可以将 10000000 简写为 1e7。

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

简写为：

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

1、变量赋值

当将一个变量的值赋给另一个变量时，首先需要确保原值不是 null、未定义的或空值。

可以通过编写一个包含多个条件的判断语句来实现：

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
     let variable2 = variable1;
}

或者简写为以下的形式：

const variable2 = variable1  || 'new';