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, consecteturnt'     + 'adipisicing elit, sed do eiusmod tempor incididuntnt'     + 'ut labore et dolore magna aliqua. Ut enim ad minimnt'     + 'veniam, quis nostrud exercitation ullamco laborisnt'     + 'nisi ut aliquip ex ea commodo consequat. Duis autent'     + 'irure dolor in reprehenderit in voluptate velit esse.nt'

但是还有一个更简单的方法,只使用引号:

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 开发人员需要知道的简写技巧(初级篇)的全部介绍,如果您想了解更多有关JavaScript视频教程,请关注PHP中文网。

 收藏 (0) 打赏

入群打赏请备注QQ,购买打赏请备注邮箱

支付宝扫一扫赞助

微信钱包扫描赞助

未经5G云允许不得转载:5G云源码分享网 » JavaScript开发人员需要知道的简写技巧(初级篇)

评论 抢沙发

评论前必须登录!

立即登录   注册

5G云源码 更专业 更方便

关于5G云联系我们
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活