常见的JavaScript书写基本规范

  1. 使⽤驼峰命名法(camel case)命名变量、函数和对象属性,例如: firstName , getUser,Data() , myObject.property

  2. 使⽤⼤写字⺟开头的驼峰命名法(Pascal case)命名构造函数或类,例如: Person , User,Model

  3. 使⽤全⼤写字⺟和下划线命名常量,例如: MAX_VALUE , API_KEY

  4. 使⽤单⾏注释( // )或块注释( /* */ )对代码进⾏注释,解释代码的⽤途和实现思路

  5. 使⽤缩进(通常是四个空格或⼀个制表符)来表示代码块的层次结构,增加代码的可读性

  6. 使⽤严格模式( "use strict"; )来提⾼代码的安全性和效率,避免使⽤隐式全局变量

  7. 尽量避免使⽤全局变量,封装代码到函数或模块中,使⽤局部变量来限制作⽤域,减少命名冲突

  8. 在声明变量时,使⽤ let 或 const 来代替 var ,避免变量提升和作⽤域问题

  9. 尽量避免使⽤隐式类型转换,使⽤严格相等运算符( === 和 !== )进⾏⽐较,避免类型不匹配的问题

  10. 在使⽤条件语句( if 、 else )和循环语句( for 、 while )时,始终使⽤花括号来明确代码块的范围,避免歧义和错误

11 . 使⽤单引号或双引号来表示字符串,保持⼀致性,推荐使⽤单引号

  1. 尽量使⽤模板字符串来拼接字符串,避免使⽤字符串连接符( + )或复杂的字符串拼接操作

  2. 使⽤数组和对象的字⾯量语法( [] 和 {} )来创建数组和对象,⽽不是使⽤构造函数,例如:let arr = [1, 2, 3] , let obj = {name: 'poetry', age: 25}

  3. 对于⻓的逻辑语句或表达式,可以使⽤合适的换⾏和缩进来增加可读性,或者使⽤括号将其分成多⾏

  4. 避免使⽤ eval() 函数和 with 语句,它们可能引起安全问题和性能问题

相关推荐
EMT2 分钟前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js
艾小码4 分钟前
还在被超长列表卡到崩溃?3招搞定虚拟滚动,性能直接起飞!
前端·javascript·react.js
前端康师傅8 分钟前
JavaScript 作用域常见问题及解决方案
前端·javascript
Mintopia22 分钟前
🚀 Next.js 全栈 E2E 测试:Playwright vs Cypress
前端·javascript·next.js
原生高钙23 分钟前
JS设计模式指南
前端·javascript
Mintopia30 分钟前
⚡ WebAssembly 如何加速 AIGC 模型在浏览器中的运行效率?
前端·javascript·aigc
断竿散人36 分钟前
乾坤微前端框架的沙箱技术实现原理深度解析
前端·javascript·前端框架
uhakadotcom38 分钟前
在python中,使用conda,使用poetry,使用uv,使用pip,四种从效果和好处的角度看,有哪些区别?
前端·javascript·面试
鹏多多42 分钟前
深入解析vue的keep-alive缓存机制
前端·javascript·vue.js
吃饺子不吃馅1 小时前
为什么SnapDOM 比 html2canvas截图要快?
前端·javascript·面试