1.4 JS中变量的命名规范

JS中的注释

• 单行注释：// [快捷键: ctrl + /]
• 多行注释：/**/ [快捷键: shift + alt + a]

变量命名的规范

• JS中严格遵循大小写

//编写代码时一定要区分大小写问题
  let test = 10;
  console.log(TEST);//=> 报错Uncaught ReferenceError: TEST is not defined

• 驼峰命名法

由有意义英文组成一个名字，第一个单词首字母小写，其余每一个有意义的单词首字母大写

//exp:学生信息studentInformation
  let studentInformation = {
    name:'zhangSan'
  }
//不建议：xueshengInfo / xueshengxinxi

命名规则: 使用“$、_、英文字母、数字”命名，但数字不能作为开头

  //一般$开头：一般代表使用JQ或者其他使用$的类库获取的内容
  let $box = 10;
  //基于_开头：一般代表是全局或者公共的变量
  let _box = {};
  //基于数字区分相似名称的变量
  let box1 = 10;
  let box2 = 20;
  //数字不能作为开头
  let 2box = 10;//变量名错误
  //想要分隔单词，可以使用_或者驼峰，但不能出现-
  let box-list = 10;//报错，变量名中不能出现-
  let box_list = 10;
  let boxList = 10;
  //这种写法虽然不会报错，但是强烈不推荐
  let 盒子 = 100;
  console.log(盒子);

命名时不能使用关键字和保留字

• 关键字:在JS中有特殊含义的
• 保留字: 在JS中未来可能会成为关键字的，目前它们没有特殊功能，但是在未来某个时间可能会加上

---

项目中常见的有特殊含义的端词组

• add / insert / cerate 新增/插入/创建
• del / delete / remove 删除/移除
• update 修改
• select / query / get 查询/获取
• info 信息
• ……

---

课后作业

• 1. 自己查询关键字和保留字

关键字:

• ECMAScript 6中的关键字:
  break、case、catch、class、const、continue、debugger、default、delete、do、else、export、extends、finally、for、function、if、import、in、instanceof、new、return、super、switch、this、throw、try、typeof、var、void、while、with、yield

保留字:

• 在严格模式和非严格模式中均不能使用的保留字:enum

• 在严格模式下不能使用的保留字:implements、interface、let、package、private、protected

• 在模块代码中被当成保留字:await

• 之前标准中的保留关键字ECMAScript(1~3):abstract、boolean、byte、char、double、final、float、goto、int、long、native、short、synchronized、transient、volatile
  直接量null、true和false同样不能被当成标识使用
  具体详细介绍关键字和保留字请查看:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Lexical_grammar

• 2. 学习markedown语法：https://maxiang.io
• 3. 浏览器常用的输出方式，除了console.log还有哪些

直接打开浏览器控制台，输入dir(console);[console.dir(object)可简写为dir(object),该命令可以列出参数object的所有对象属性] console.相关方法就会罗列出来
dir(console);

• assert: ƒ assert()
• clear: ƒ clear()
• context: ƒ context()
• count: ƒ count()
• countReset: ƒ countReset()
• debug: ƒ debug()
• dir: ƒ dir()
• dirxml: ƒ dirxml()
• error: ƒ error()
• group: ƒ group()
• groupCollapsed: ƒ groupCollapsed()
• groupEnd: ƒ groupEnd()
• info: ƒ info()
• log: ƒ log()
• memory: (...)
• profile: ƒ profile()
• profileEnd: ƒ profileEnd()
• table: ƒ table()
• time: ƒ time()
• timeEnd: ƒ timeEnd()
• timeLog: ƒ timeLog()
• timeStamp: ƒ timeStamp()
• trace: ƒ trace()
• warn: ƒ warn()

具体详见：https://developer.mozilla.org/zh-CN/docs/Web/API/Console