本文主要是介绍前端简写技巧,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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';
这篇关于前端简写技巧的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!