Blogger Information
Blog 11
fans 0
comment 0
visits 6948
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JS基础学习:工具、变量与命名
**
Original
464 people have browsed it

JS插件安装

插件1:node安装

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

插件2:Quokka安装

在VSCode插件中心,安装js调试插件:Quokka

插件3:Quokka安装

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

课堂实例演示

一、数据与操作

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. 蛇形式: 每个单词之间使用”下划线”分割。

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post