欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-25 07:50:27
...

JS插件安装

插件1:node安装

地址:https://nodejs.org/zh-cn/
JS基础学习:工具、变量与命名

插件2:Quokka安装

在VSCode插件中心,安装js调试插件:Quokka
JS基础学习:工具、变量与命名

插件3:Quokka安装

在VSCode插件中心,安装用于快速启动Quokka的插件:Quokka Statusbar Buttons
JS基础学习:工具、变量与命名

课堂实例演示

一、数据与操作

1. 变量声明与赋值

  1. // 第一步:变量声明
  2. let a;
  3. let b;
  4. // 第二步:执行,赋值(初始化)
  5. a = 20;
  6. b = 30;

2. 变量操作

  1. {
  2. a + b;
  3. }
  4. console.log(a + b);

3. 函数声明与调用

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

二、作用域

1. 块作用域

  1. {
  2. let a = 123;
  3. console.log(a);
  4. }
  5. // 块中成员,在快的外部不可访问
  6. // console.log(a);

2. 函数作用域

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

3. 全局作用域

  1. let qq = "513909334";
  2. {
  3. console.log(qq);
  4. }
  5. function f2() {
  6. return function () {
  7. return function () {
  8. console.log(qq);
  9. };
  10. };
  11. }
  12. // 因为函数嵌套了三层,所以调用了三次
  13. f2()()();

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

1. 常量

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

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

2. 标识符命名规范

①标识符分类:

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

②标识符可使用的字符:

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

③标识符命名规范:

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