其实规范这个东西可以很简单也可以很复杂,也许对你没什么帮助,有或许对你意义重大,因为我们编写任何一个项目都离不开规范
首先我要讲的是 花括号后面空格的问题
例如我们常见的
let closure = function(data){
if(data&&data.index){
return function(){
return data.index;
}
}
}
不难看出我的每一个花括号后面都会空两个 至于空四个还是空两个这个还是要看你的团队是怎么空的,但不得不说写后端的工程师一般喜欢空四个 但前端的开源项目都是空两个的
接下来就是注释,这个我相信大家都懂但却没什么人真能做到,我坦白 自己的代码上基本是没什么注释的,但在和团队合作的过程中 你的懒惰会造成团队中其他开发者莫大的不便
还有变量负值时作用域的选择,如果当前你需要跨过块级作用域使用变量,或者兼容IE 那就使用var 但建议能用const就用const,能使用let就不要用var。
还有就是html5提供给我们的语义化标签,标签尽量多用对意思,更要避免一个文件里全是一种标签 例如整个页面都是div的问题是最常见的,这样对收索引擎非常不友好
之后就是组件化 这是一个进几年才出现的前端编程概念。就是功能分区处理,将一个页面分成若干个部分,组件的优势在于复用性强,所以不需要复用的东西就没必要封装组件了,就直接写在页面上吧。组件里的值和函数尽量从外面传进去,这样会大大提高复用性和可读性。
函数式,其实函数很早之前就存在了,但却一直没有给予这样一个专业词,函数式开发最好的解释就是 函数名本身就是最好的注释
例如 getData(key) setData(key,val) 这样的方法就会让别人一目了然甚至都不需要读你的代码就知道你写了什么
js常见的命名法是驼峰命名法,例如 get status code 让你变成一个方法名你会怎么命名? 我相信大部分第一反应是 get_status_code 但驼峰命名法是不支持特殊符号的,我个人建议的是 getStatusCode 相信你们也从没有在js的内置函数中看到过中划线吧?
你们还知道哪些编码规范呢?欢迎留言区告诉我哦?