锐客网

  1. 首页 > 睿知 > >

教你编辑出优雅的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的重复操作 。
【教你编辑出优雅的js代码 js代码编辑技巧】避免使用暴露在整个全局作用域的全局变量 。
使用ES6/ES7新特性 。
（1）箭头函数
（2）模板字符串
（3）解构
（4）async/awai
模块化很严重。避免在全局作用域下直接编辑各种函数 。可以思考用闭包把单一功能的函数包起来 。小结：以上这些规则 。不是说会马上就让你变成一个优秀的前端工程师 。但是如果一直坚持这样规范的代码 。对于你 。也对于你的同事 。都是有益的 。至于你说什么样才能编辑出那种层次分明 。思路清晰的复制应用 。这个真的是一步一步来的 。不要一上来就想着做多大的项目 。可以先学习下现在已经存在的框架或者库的思路 。比如说jQuery 。react 。别人是怎么封装 。怎么实现的 。可以就这样看就这样看源码先 。学习一下 。之后跟着自己模仿着编辑一个小型的js库 。渴望对你有所帮助 。

    推荐阅读


    上一篇：地砖除蜡最好的办法 清除瓷砖上的蜡小妙招

    下一篇：不用节食,每天吃什么可以减肥呀？