文档章节

JS简写技巧,让你写代码速度翻倍(一)

可乐瓶的小辣椒
 可乐瓶的小辣椒
发布于 2018/01/22 11:36
字数 471
阅读 21
收藏 2

1.三元操作符

当想写if...else语句时,使用三元操作符来代替。

图片1.1

简写:

图片1.2

也可以嵌套if语句:

图片1.3

2.短路求值简写方式

当给一个变量分配另一个值时,想确定源始值不是null,undefined或空值。可以写撰写一个多重条件的if语句。

图片2.1

或者可以使用短路求值方法:

图片2.2

3.声明变量简写方法

图片3.1

简写:

图片3.2

4.if存在条件简写方法

图片4.1

简写:

图片4.2

只有likeJavaScript是真值时,二者语句才相等,如果判断值不是真值,则可以这样:

图片4.3

简写:

图片4.4

5.JavaScript循环简写方法

图片5.1

简写:

图片5.2

也可以使用Array.forEach:

图片5.3

6.短路评价

给一个变量分配的值是通过判断其值是否为null或undefined,则可以:

图片6.1

简写:

图片6.2

7.十进制指数

当需要写数字带有很多零时(如10000000),可以采用指数(1e7)来代替这个数字:

图片7.1

简写:

图片7.2

8.对象属性简写

如果属性名与key名相同,则可以采用ES6的方法:

图片8.1

简写:

图片8.2

9.箭头函数简写

传统函数编写方法很容易让人理解和编写,但是当嵌套在另一个函数中,则这些优势就荡然无存。

图片9.1

简写:

图片9.2

10.隐式返回值简写

经常使用return语句来返回函数最终结果,一个单独语句的箭头函数能隐式返回其值(函数必须省略{}为了省略return关键字)为返回多行语句(例如对象字面表达式),则需要使用()包围函数体。

图片10.1

简写:

图片10.2

© 著作权归作者所有

可乐瓶的小辣椒
粉丝 5
博文 318
码字总数 126125
作品 0
私信 提问
JavaScript 开发人员需要知道的简写技巧

本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。 文章将分成初级篇和...

powertoolsteam
2018/06/29
0
0
JavaScript 开发人员需要知道的简写技巧

本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。 文章将分成初级篇和...

葡萄城控件技术团队
2017/10/24
0
6
PhoneGap 插件简介

一、PhoneGap平台 前不久PhoneGap发布了1.0版本,这为移动开发大家族提供了又一个跨平台的解决方案。开发者只要有JavaScript、CSS3、Html5的基础就可以快速开发移动应用,并且一次开发支持i...

无鸯
2011/09/06
6.7K
2
JS 中可以提升幸福度的小技巧

本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用来转化为数字(实际上是调用方法) 然后使用来判断是否为,...

SHERlocked93
2018/07/23
0
0
前端周刊第 60 期:用空格缩进的程序员挣得更多?

David Robinson 从 Stack Overflow 年度开发者调查中发现的结论,使用空格缩进比使用制表符缩进的程序员平均年薪高 8.6%,即多超过两年的工作经验,当然这个结论是纯粹统计上的相关性,很难说...

王仕军
2018/10/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux的基本命令

目录的操作命令(增删改查) 增: mkdir 目录名称; 查: ls 可以看到该目录下的所有的目录和文件 ls -a,可以看到该目录下的所有文件和目录,包括隐藏的 ls -l,可以看到该目录下的所有目录和...

凹凸凸
今天
2
0
在古老unix中增加新用户

Installing 4.3 BSD Quasijarus on SIMH 目标:要在4.3BSD中新增加用户dmr,指定目录/home/dmr,uid为10 gid=31(guest组,系统已建立) 4.3BSD还没有adduser或useradd 直接修改/etc/passwd...

wangxuwei
今天
2
0
Bootstrap(六)表单样式

基本样式 所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好...

ZeroBit
昨天
3
0
SSL 证书格式转换

SSL 证书格式转换 不同服务器情况下,需要不同的证书格式。 比如 pem 转 pfx。 pem在window 平台下可以导入,但是无法正常使用。 需要转换成pfx。 推荐在线转换工具,由中国数字证书网站提供...

DrChenXX
昨天
2
0
HAProxy

xx

Canaan_
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部