JavaScript 开发人员需要知道的简写技巧(初级篇)
时间:2017-11-03来源:未知
本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。
本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。 文章将分成初级篇和高级篇两部分,分别进行介绍,本篇将介绍初级篇,关注我们在下一期将为您介绍高级篇。 初级篇 1.三目运算符 下面是一个很好的例子,将一个完整的 if 语句,简写为一行代码。 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.循环语句 当使用纯 JavaScript(不依赖外部库,如 jQuery 或 lodash)时,下面的简写会非常有用。 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++) { } 6.多行字符串 如果需要在代码中编写多行字符串,就像下面这样: const lorem = 'Lorem ipsum dolor sit amet, consectetur\n\t' + 'adipisicing elit, sed do eiusmod tempor incididunt\n\t' + 'ut labore et dolore magna aliqua. Ut enim ad minim\n\t' + 'veniam, quis nostrud exercitation ullamco laboris\n\t' + 'nisi ut aliquip ex ea commodo consequat. Duis aute\n\t' + 'irure dolor in reprehenderit in voluptate velit esse.\n\t' 但是还有一个更简单的方法,只使用引号: const lorem = `Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse. JavaScript 开发工具推荐: SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等功能,适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。 总结 上述是一些常用的 JavaScript 简写技巧(初级篇),如果有其它未提及的简写技巧,也欢迎大家补充。 相关资讯
发表评论
|