搭建JS环境及基本知识

搭建JS环境及基本知识

一、搭建JS环境

• 在vscode中安装JavaScript (ES6) code snippets插件 : JS代码库
• 安装Node.js : 安装后才能安装后面两个插件
• 在vscode中安装Quokka.js和Quokka Statusbar Buttons
  安装好最后两个插件后可在vscode中查看js运行结果
  使用方法，点击左下角Q+运行js环境：
  
  就可看到语句运行结果：
  

二、JS基本知识

1.1 演示代码

// 声明变量
let Name;
let Age;
// 赋值
Name = "小王";
Age = 18;
console.log(Name + "今年" + Age + "岁。");
// 声明函数
function go(add) {
  return "我要去" + add;
}
console.log(go("北京"));
let Home;
Home = "广西南宁";
console.log(go(Home));

1.2 小结

• 代码主要成员：变量与函数

• 变量与函数作用：代码复用

• 变量：数据复用

• 变量声明：let

• 变量引用：通过变量名

• 函数：操作复用

• 声明：function
• 调用：函数名(….)

  2. 变量、函数的作用域

// 1. 块作用域
{
  let Name = "小张";
  console.log(Name); //结果正常
}
//console.log(Name); //这里会出错，块外部不能访问内部变量
// 2. 函数作用域
function sayHai(Name) {
  let getName = Name;
  console.log("你好" + getName); //结果正常;
}
sayHai("小王");
// console.log(getName);   这里会出错，函数外部不能访问内部变量
// 3. 全局作用域
let Name = "小雨"; //这是全局变量，任何地方都可访问
{
  console.log("你好" + Name); //块内可用
}
{
  {
    {
      console.log("你好" + Name + "，又见面了。"); //多层嵌套也可用
    }
  }
}
function say() {
  console.log(Name + "你吃了吗？");
}
say();
function hai() {
  return function () {
    return function () {
      return "再见了" + Name + "，我回家了。";
    };
  };
}
console.log(hai()()());

3. 常量

• 当一个数据,需要在多处被引用,为了防止引用时发生数据不一致,需要将它的值固定下来,这样的数据,应该声明为”常量”
• 所谓”常量”,就是经常被使用到的变量, 简称”常量”
• 常量的值不可变,所以必须在声明时初始化
• 常量禁止更新
• 常量命名一般大写

  变量与常量在使用时,如何选择?

  尽可能首选”常量”, 除非这个值用到循环变量中,或者肯定会被更新,才用变量
  例如: 性别, 对象, 数据,函数等,都应该声明为常量

// 声明常量
const ADD = "北京";
console.log(ADD);

4. 标识符命名规范

• 标识符: 代码中有意义的符号, 例如: 变量, 函数等
• 标识符有二类:
• • 系统标识符: 关键字, 保留字, 是JS提供给开发者, 直接拿来用,不需要声明
• • 自定义标识符: 必须 “先声明, 再使用”, 例如 email, password, get…
• 标识符可使用的字符:
• • 必须是: 字母,数字, 下划线”_”, “$”(四种),其它字符均是非法符号
• • 首字母不得使用”数字”
• 标识符命名规范:
• • 驼峰式: 第二个单词首字母大写, 第一个单词首字母是否大小取决于用途,例如构造函数/类的首字母要大写
    例： getName PassWord
• • 蛇形式: 每个单词之间使用”下划线”分割
    例： get_name pass_word