如何写出优雅的js代码？

网友解答: 首先，你必须要编写简洁，规范，易于阅读和可维护的代码。其次你才要考虑的是写复杂的应用。下面总结下我web前端工作两年来，总结出的编写优雅的JS代码的一些技巧：定义语义化，可读

首先，你必须要编写简洁，规范，易于阅读和可维护的代码。其次你才要考虑的是写复杂的应用。下面总结下我web前端工作两年来，总结出的编写优雅的JS代码的一些技巧：

定义语义化，可读性好的命名。let str = new Date(); //badlet toDay = new Date(); //good

遵循函数的单一功能原则。比如说绑定事件处理函数的功能，就定义一个bindEvent的函数里面，初始化函数就定义一个init()的入口函数，这里只做初始化的工作。

使用默认变量代替短路运算function getName(name){let name = name || ' ' ; } //badfunction getName(name = 'jack'){let name = name;} //good

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

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

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

减少DOM的重复操作。

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

使用ES6/ES7新特性。（1）箭头函数（2）模板字符串（3）解构（4）async/awai

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

感谢邀请。首先要用好命名，要容易读懂名称表达的含义，然后要组织好模块功能，最后要标注好引用来源。优化器可以压缩格式，简化命名，所以不必考虑格式带来的空间浪费，要用TAB做好模块缩进，用好注释写清楚用法和注意事项。