常见的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 语句,它们可能引起安全问题和性能问题

相关推荐
腾讯TNTWeb前端团队1 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
拉不动的猪4 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪5 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
uhakadotcom6 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom6 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom6 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom6 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
咖啡教室7 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
咖啡教室7 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
市民中心的蟋蟀10 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js