html优化方法(html代码优化)

原文链接:https://medium.com/javascript-in-plain-english/34-javascript-optimization-techniques-to-know-in-2021-d561afdf73c3

作者:Atit

如有翻译不准确,请多指正。


对于开发者来说,他们的日常就是学习新东西并且不断地迎接挑战,不会比现在的任务更艰巨了。因此我想向大家介绍所有JavaScript最佳的练习方式,比如我们必须要知道的简略的表达方式方法和特点等等。作为一名前端开发者,我们的生活将在2021年变得更加简单。


译文:优化JS代码的34种方法(上)「渡一教育」


也许你从事JavaScript开发工作已经很长时间了,但有时,你可能没有更新一些能够帮助你解决问题,还不用撰写更多额外代码的最新技巧。这些小技巧可以帮助你撰写干净且优化的JavaScript代码。与此同时,这些方式还可以帮助你更好地为2021年的JavaScript面做准备。


下面我来为大家推荐一些好用的简略的表达方式技巧,能够让你写出更加干净且优化的JavaScript代码。以下就是这份2021年你应该知道的JavaScript最优技巧的详细清单,一起来看看吧!



1、含有多个条件的if语句


我们可以在数组中存储多个值,也可以使用数据的includes方法。

译文:优化JS代码的34种方法(上)「渡一教育」



2、If … else的缩写法


当我们在if-else条件下的逻辑比较简单时,我们可以使用三元条件运算符。

译文:优化JS代码的34种方法(上)「渡一教育」


如果包含嵌套条件,也可以使用这种方法。

译文:优化JS代码的34种方法(上)「渡一教育」



3、定义变量


当我们想要定义两个变量,并且这两个变量拥有相同的值或者类型的话,我们可以运用此种简略的表达方式。

译文:优化JS代码的34种方法(上)「渡一教育」



4、关于Null, undefined的检查


当我们创建新的变量时,有时候需要检查我们引用变量的值是否为null或是undefined,js本身就有一种缩写法能实现这个功能

译文:优化JS代码的34种方法(上)「渡一教育」



5、Null值检查与指定默认赋值


译文:优化JS代码的34种方法(上)「渡一教育」



6、Undefined值检查与默认赋值


译文:优化JS代码的34种方法(上)「渡一教育」


正常值检查

译文:优化JS代码的34种方法(上)「渡一教育」

(现在我们可以在4、5、6条中使用 ?? 运算符了)



7、聚合运算符


**??**是聚合运算符,如果左值为null或undefined,就返回右值。默认返回左值。

译文:优化JS代码的34种方法(上)「渡一教育」



8、为多个变量赋值


当我们处理多个变量,想为不同的变量赋不同的值时,就会真正发现这种简略的表达方式的实用之处了。

译文:优化JS代码的34种方法(上)「渡一教育」



9、赋值运算符简略的表达方式


通常,我们会在程序中处理大量的算术运算符。而对于JavaScript变量的赋值运算符来说,这是其中一个实用的技巧。

译文:优化JS代码的34种方法(上)「渡一教育」



10、判断变量是否存在的缩写法


这是我们工作中常用的缩写表达方式之一,如今它仍然值得被提起。

译文:优化JS代码的34种方法(上)「渡一教育」


注意:如果test1有任何值,程序都会执行if(test1){} 内的逻辑,这种写法在判断NULL或undefined值时普遍使用。



11、多种条件下的与(&&)运算符


如果我们只在变量为true的时候调用函数,那么我们就可以运用&&运算符。

译文:优化JS代码的34种方法(上)「渡一教育」



12、foreach循环简略的表达方式


这是迭代常用的简略的表达方式技巧之一。

译文:优化JS代码的34种方法(上)「渡一教育」


每个变量的数组

译文:优化JS代码的34种方法(上)「渡一教育」



13、比较结果的返回


在return语句中,我们也可以使用比较的语句。这样,原来需要5行代码才能实现的功能,现在只需要1行,大大减少了代码量。

译文:优化JS代码的34种方法(上)「渡一教育」



14、箭头函数


译文:优化JS代码的34种方法(上)「渡一教育」


更多实例如下

译文:优化JS代码的34种方法(上)「渡一教育」



15、调用短函数


我们可以运用三元运算符实现如下功能

译文:优化JS代码的34种方法(上)「渡一教育」


写在最后

以上就是今天的干货分享内容《使用现代JavaScript技术优化代码的34种方法(上)》啦,在接下来的日子里,小渡还会推出下篇,记得关注我们噢~

如果你希望看到更多干货内容,也可以通过在文章底部留言的方式告诉小渡,小渡会积极为大家准备,我们下期再见~


本文链接:http://www.cdwelead.comhttp://www.cdwelead.com/gnxw/24495.html
上一篇:网站收录批量查询(网站收录查询爱站)
下一篇:没有了

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!