教你编辑出优雅的js代码（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库。渴望 对你有所帮助。

相关标签： # js # 代码