JavaScript 编码规范

这篇博客详细介绍了JavaScript编码规范,包括变量命名、运算符使用、代码缩进、语句规则、对象规则、命名规则等方面,强调了驼峰命名、空格使用、避免长行和使用严格模式等最佳实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

学习JavaScript入门的时候特意把这段JavaScript代码规范码出来供记忆。加油加油!!!

  • 变量名推荐使用驼峰法来命名(camelCase)。
    • 应该区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号。
  • 通常运算符 ( = + - * / ) 前后需要添加空格。
  • 通常使用 4 个空格符号来缩进代码块。
  • 语句规则
    • 一条语句通常以分号作为结束符。
    • 将左花括号放在第一行的结尾。
    • 左花括号前添加一空格。
    • 将右花括号独立放在一行。
    • 不要以分号结束一个复杂的声明。
  • 对象规则
    • 将左花括号与类名放在同一行。
    • 冒号与属性值间有个空格。
    • 字符串使用双引号,数字不需要。
    • 最后一个属性-值对后面不要添加逗号。
    • 将右花括号独立放在一行,并以分号作为结束符号。
  • 为了便于阅读每行字符建议小于数 80 个。
    • 如果一个 JavaScript 语句超过了 80 个字符,建议在运算符或者逗号后换行
  • 命名规则
    • 变量和函数为驼峰法( camelCase)。
    • 全局变量为大写 (UPPERCASE )。
    • 常量 (如 PI) 为大写 (UPPERCASE )。
    • 变量名不要以 $ 作为开始标记,会与很多 JavaScript 库冲突。
  • 使用简洁的格式载入JavaScript文件。
    • <script src=“myscript.js”>
  • 使用 JavaScript 访问 HTML 元素。
  • 使用小写文件名。
  • IIFE(立即执行的函数表达式):创建一个新的封闭的定义域。
    • 仅避免了干扰,也使得内存在执行完后立即释放。
    • (function(){}());
  • 严格模式:会阻止使用在未来很可能被引入的预留关键字。
    • 最好是在独立的 IIFE 中应用它。避免在你的脚本第一行使用它而导致你的所有脚本都启动了严格模式,这有可能会引发一些第三方类库的问题。
  • 变量声明:总是使用 var 来声明变量,且只用一个 var 关键字声明,多个变量用逗号隔开。
    • 把赋值尽量写在变量声明中。
  • 总是使用 === 精确的比较操作符,避免在判断的过程中,由 JavaScript 的强制类型转换所造成的困扰。
  • 不要在语句块内声明函数。
  • 为了最大限度地保证扩展性与兼容性,总是首选标准的特性,而不是非标准的特性。
  • 使用闭包。
  • 不要在循环中创建函数或者闭包。
  • 尽量不要使用 evil 函数。
  • 只在对象构造器、方法和在设定的闭包中使用 this 关键字。
  • 首选函数式风格。
  • 尽量不要用switch,建议用if else替换它。
  • 用数组和对象字面量来代替数组和对象构造器。
  • 统一使用单引号(‘),不使用双引号(“)。这在创建 HTML 字符串非常有好处。
  • 避免在复杂的情况下使用三元条件判断。

希望在日后的实践中,自己也积累出一套经验。

一起努力鸭!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值