JS插件安装

插件1：node安装

地址：https://nodejs.org/zh-cn/

插件2：Quokka安装

在VSCode插件中心，安装js调试插件：Quokka

插件3：Quokka安装

在VSCode插件中心，安装用于快速启动Quokka的插件：Quokka Statusbar Buttons

课堂实例演示

一、数据与操作

1. 变量声明与赋值

// 第一步：变量声明
let a;
let b;
// 第二步：执行，赋值（初始化）
a = 20;
b = 30;

2. 变量操作

{
  a + b;
}
console.log(a + b);

3. 函数声明与调用

// * 1. 声明函数
function sum(a, b) {
  return a + b;
}
// * 2. 调用函数
console.log(sum(15, 20));

二、作用域

1. 块作用域

{
  let a = 123;
  console.log(a);
}
// 块中成员，在快的外部不可访问
// console.log(a);

2. 函数作用域

function sum(a, b) {
  let res = a + b;
  // 函数内部声明的成员可以内部访问
  console.log(res);
}
sum(30, 50);
// 但函数外部无法访问
// console.log(res);

3. 全局作用域

let qq = "513909334";
{
  console.log(qq);
}
function f2() {
  return function () {
    return function () {
      console.log(qq);
    };
  };
}
// 因为函数嵌套了三层，所以调用了三次
f2()()();

三、常量与标识符命名规范

1. 常量

常量的值不可变,所以必须在声明时初始化，禁止更新。

// 声明
const APP_NAME = "在线商城";
// 使用
console.log(APP_NAME);

2. 标识符命名规范

①标识符分类:

a. 系统标识符: 关键字, 保留字, 是JS提供给开发者, 直接拿来用,不需要声明;
b. 自定义标识符: 必须 “先声明, 再使用”, 例如 email, password, get…

②标识符可使用的字符:

a. 必须是: 字母,数字, 下划线”_”, “$”(四种),其它字符均是非法符号;
b. 首字母不得使用”数字”;

③标识符命名规范:

a. 驼峰式: 第二个单词首字母大写, 第一个单词首字母是否大小取决于用途,例如构造函数/类的首字母要大写;
b. 蛇形式: 每个单词之间使用”下划线”分割。

JS基础学习：工具、变量与命名