教你编辑出优雅的js代码(如何写出优雅的)

请用语音读文章

首先。你一定 要编编辑 简洁。规范。易于浏览 和可维护 的代码。其次你才要思考 的是编辑 杂乱 的应用。下面总结下我web前端事情 两年来。总结出的编编辑 优雅的js代码的有些 技术 ：

定义语义化。可读性好的命名。

let str = new Date(); //bad

let toDay = new Date(); //good

服从 函数的单一功能原则。

比如 说绑定事情 处理函数的功能。就定义一个bindEvent的函数里面。初始化函数就定义一个init()的入口函数。这里只做初始化的事情 。

使用默认变量代替短路运算

function getName(name){let name = name || ' ' ; } //bad

function getName(name = 'jack'){let name = name;} //good

函数参数。反馈 不要超过2个。如果超过两个。可以用对象代替或者用ES6的对象解构去解决。

抽取出有一样 功能的函数。移除重复代码。

能做变量缓存尽量做缓存。

减少DOM的重复操作。

避免使用暴露在整个全局作用域的全局变量。

使用ES6/ES7新特性。

（1）箭头函数

（2）模板字符串

（3）解构

（4）async/awai

模块化很严重 。避免在全局作用域下直接编辑 各种函数。可以思考 用闭包把单一功能的函数包起来。小结：以上这些规则。不是说会马上 就让你变成一个优秀 的前端工程师。但是如果一直坚持 这样规范的代码。对于你。也对于你的同事。都是有益的。至于你说什么样 才能编辑 出那种层次分明。思路清晰的复制应用。这个 真的是一步一步 来的。不要一上来就想着做多大的项目。可以先学习下现在已经存在的框架或者库的思路。比如 说jQuery。react。别人是怎么封装。怎么实现的。可以就这样看 就这样看 源码先。学习一下。之后跟着 自己模仿着编辑 一个小型的js库。渴望 对你有所帮助。

以上就是由优质生活领域创作者 生活常识网 整理编辑的，如果觉得有帮助欢迎收藏转发~