摘要:本文介绍了5个让前端代码变得简洁的最佳实践,希望对学习前端有所帮助。
本文介绍了5个让前端代码变得简洁的最佳实践,希望对学习前端有所帮助。
善用ES6最新语法API
例如解构,扩展运算符,async-await,模板字符串,可选链等
编写线性代码
始终尽可能多地编写线性代码,它使我们的代码简单,干净,易于阅读和易于维护,从而使开发人员的生活更加轻松。
例如,让我们编写一个函数,向后台请求一个数据类型,并根据返回的类型查询信息。
如果使用async-await
另外在看一个常见的判断
那么这么写又如何呢?
更好的命名变量和方法
好的命名提高了代码的可读性,并且代码变得更易于维护。名称应该有意义并且具有上下文。通过阅读函数或变量的名称,人们应该了解其目的。例
「始终使用确定词来命名。因此,不要使用isNotActive ,而应该使用!isActive来替换」
函数只做一件事
功能不得大于20–25行,且单个函数功能越小越好。函数应该修改或查询某些内容,但不能两者都进行。考虑下面的代码。
同样的事情可以有更清晰的结构
使用eslint和prettier插件来格式化代码
建议使用ESLint和Prettier在开发人员之间建立通用的编码样式,查找语法错误和代码格式。 配合在项目中设置editorconfig,让所有的开发者享有同样的编码格式。
关于前端的五个实践,希望对您有所帮助。
我是小职,我在“职坐标在线”公众号等你,找我领取免费干货哦!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号