学习环境

  1. Node.js: JS 执行环境,https://nodejs.org/zh-cn/
  2. 安装二个 vscode 插件:
    1. JavaScript (ES6) code snippets
    2. Code Runner
  3. JavaScript (ES6) code snippets: 提供了 ES6 代码片断与缩写
  4. vscode Code Runner,可执行包括 js,php 等 30 多种语言
  5. 将以下配置项,复制到vscode.settings.json
  "code-runner.clearPreviousOutput": true,
  "code-runner.saveFileBeforeRun": true,
  "code-runner.saveAllFilesBeforeRun": true,
  "code-runner.showExecutionMessage": false

命名规范

  1. 标识符: 变量,常量,函数,属性,方法,类,...
  2. 标识符: 自定义, 关键字, 保留字
  3. 标识符: 字母,数字,下划线, $,且不能以数字开头
  4. 命名风格: 驼峰(大驼,小驼),蛇形(小蛇,大蛇)

注: 标识符必须使用英文(尽管支持中文)

// 命名风格
// 1. 驼峰
// (1)小驼:首单词小写,其它全大写,用于"变量,属性,函数..."
userEmail,userId, getUser()
// (2)大驼: 所有单词全大写, 用于"构造函数,类"
Login, UserController, ProductModel

// 2. 蛇形
// (1) 小蛇(全小写), 用得极少
user_name, get_user()
// (2) 大蛇(全大写), 用于常量
APP_PATH, USER_EMAIL

控制台指令

console是浏览器提供的控制台对象,用于查看 JS 执行结果

  1. console.log(data): 查看数据(支持模板和 CSS)
  2. console.dir(obj): 树形可折叠查看对象结构
  3. console.table(obj): 表格方式查看对象
  4. console.error(msg): 输出错误警告
  5. console.clear(): 清空输出
const user = { uid: 123, uname: 'admin' }

// 打印
console.log(user)
// 折叠
console.dir(user)
// 表格
console.table(user)
// 错误
console.error('Error')
// 清屏
console.clear()

// 高级用法

// 模板
// console.log('uid=%d, uname=%s', user.uid, user.uname)
// 等价
console.log('uid=', user.uid, 'uname=', user.uname)

// let username = '张三'
// console.log('姓名=%c%s','color:red', username)

// 样式
// console.log('uid=%c%d, %cuname=%c%s', 'color:blue', user.uid, 'color:black', 'color:red', user.uname)

// console.log('uid=%c%d\n%cuname=%c%s', 'color:blue', user.uid, 'color:black', 'color:red', user.uname)

注: dir,table,clear不需要加console, 默认就是console.log

Last modification:November 15, 2022
如果觉得我的文章对你有用,请随意赞赏