JS-01 书写规范
此部分内容整理自私教指导和自我体会：（持续更新...）
1.运算符左右两边留空格 （webstorm快捷键ctrl+alt+l）；
2.判断值是否相等尽量用“===” 严格等于 ；
3.编程中，可有可无的变量不要有，这样代码才能精简，编程不要做多余的事情
精简 准确 细致
①比如下面这个，getsum就是一个可有可无的变量
1 2 3 4 5 6 | function sum(arr) { var getsum= arr.reduce(function(prev,cur){ return prev+cur; }); return getsum; } |
修改后如下，这样就省了一个变量，看着也更精简了
1 2 3 4 5 | function sum(arr) { return arr.reduce(function(prev,cur){ return prev+cur; });} |
②尽量预存选择器，不然每次都要重新查询所有DOM，很伤
修改前：
1 2 3 4 5 6 7 8 9 10 | <input type="button" value="设置样式" id="btn"><div id="dv"></div><script src="common.js"></script><script> my$("btn").onclick = function () { my$("dv").style.width = "200px"; my$("dv").style.height = "200px"; my$("dv").style.backgroundColor = "hotpink"; };</script><em id="__mceDel" style="background-color: rgba(255, 255, 255, 1); font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px"> </em> |
JS部分修改后：
1 2 3 4 5 6 7 8 9 10 11 | <input type="button" value="设置样式" id="btn"><div id="dv"></div><script src="common.js"></script><script> var oDv=my$("dv"); my$("btn").onclick = function () { oDv.style.width = "200px"; oDv.style.height = "200px"; oDv.style.backgroundColor = "hotpink"; };</script> |
4.当代码写完后，某个功能没有实现，浏览器也没有报错，这时先去检查该功能对应的函数有无调用，再确认代码有无写错
5. if-else语句和return的使用注意
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | function fizzBuzz(num) { if(num%3===0 && num%5===0){ return "fizzbuzz"; }else if(num%3===0){ return "fizz"; }else if(num%5===0){ return "buzz"; } else if(num===null||isNaN(Number(num))){ return false; }else { return num; } }//写if else会预载整个判断链，浪费，换种写法 function fizzBuzz(num) { if(num%3===0 && num%5===0){ return "fizzbuzz"; } if(num%3===0){ return "fizz"; } if(num%5===0){ return "buzz"; } if(num===null||isNaN(Number(num))){ return false; } return num; } |
6.json格式的数据最后一行不加逗号，如果加了可能会报错
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | [ { "user" : "蜡笔小新", "email" : "xiaoxin@163.com", "date" : "2020-01-01" }, { "user" : "蜡笔中新", "email" : "xiaoxin@163.com", "date" : "2020-01-01" }, { "user" : "蜡笔大新", "email" : "xiaoxin@163.com", "date" : "2020-01-01" }] |
持续总结分享中。。。
