​5个让前端代码变得简洁的最佳实践
小职 2020-09-11 来源 :https://juejin.im/post/6870812019436879886 阅读 895 评论 0

摘要:本文介绍了​5个让前端代码变得简洁的最佳实践,希望对学习前端有所帮助。

本文介绍了5个让前端代码变得简洁的最佳实践,希望对学习前端有所帮助。

​5个让前端代码变得简洁的最佳实践

善用ES6最新语法API

例如解构,扩展运算符,async-await,模板字符串,可选链等

​5个让前端代码变得简洁的最佳实践

编写线性代码

始终尽可能多地编写线性代码,它使我们的代码简单,干净,易于阅读和易于维护,从而使开发人员的生活更加轻松。

例如,让我们编写一个函数,向后台请求一个数据类型,并根据返回的类型查询信息。​5个让前端代码变得简洁的最佳实践

如果使用async-await

​5个让前端代码变得简洁的最佳实践

另外在看一个常见的判断

​5个让前端代码变得简洁的最佳实践

那么这么写又如何呢?

​5个让前端代码变得简洁的最佳实践

更好的命名变量和方法

好的命名提高了代码的可读性,并且代码变得更易于维护。名称应该有意义并且具有上下文。通过阅读函数或变量的名称,人们应该了解其目的。例

​5个让前端代码变得简洁的最佳实践

「始终使用确定词来命名。因此,不要使用isNotActive ,而应该使用!isActive来替换」

函数只做一件事

功能不得大于20–25行,且单个函数功能越小越好。函数应该修改或查询某些内容,但不能两者都进行。考虑下面的代码。

​5个让前端代码变得简洁的最佳实践


同样的事情可以有更清晰的结构

​5个让前端代码变得简洁的最佳实践

使用eslint和prettier插件来格式化代码

建议使用ESLint和Prettier在开发人员之间建立通用的编码样式,查找语法错误和代码格式。 配合在项目中设置editorconfig,让所有的开发者享有同样的编码格式。


关于前端的五个实践,希望对您有所帮助。


我是小职,我在“职坐标在线”公众号等你,找我领取免费干货哦!



本文由 @小职 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程