前言#

基础的HTML和CSS已经学完，接下进入JavaScript的知识学习，大致可以分为JavaScript的核心语法、DOM、BOM、ES6语法这4大模块，其中核心语法和ES6是重点，至于DOM、BOM这两个，目前有像Vue和React的框架，可以不用深入过度学习，除非想做类似框架，除此之外还有移动端的事件，TypeScript这两个，TypeScript是重点，尤其是在使用Vue3、NestJS大量使用，

初识JavaScript#

前端三层

JavaScript的历史

• 创始人：Brendan Eich（布兰登·艾奇）
• netscape公司 1995年发明JavaScript，前身LiveScrip
• JavaScript跟java没有关系，只是为了蹭java的热度

JavaScript垄断了浏览器端脚本

• 在JavaScript之前，还有VBScript、JScript脚本语言，但是随之时间推移，后两者都被淘汰

什么是前端语言和后端语言

• 前端页面用前端语言，数据处理需要使用后端语言
• 像HTML、CSS、JavaScript属于前端语言，java、php、python、nodejs属于后端
• JavaScript属于前后端语言，既可以写前端也可以写后端

ECMAScript是JavaScript的标准

• 1997年，欧洲计算机制造商协会（ECMA）设置了 JavaScript的标准，命名为ECMAScript
• JavaScript实现了ECMAScript，ECMAScript规范了JavaScript

JavaScript体系

• 语言核心：ES5、ES6、ES7……
• DOM
• BOM

JS的书写位置

• 在body中script标签，在内部书写JavaScript代码
• 将代码单独保存为.js格式文件，然后在HTML文件中引入 它

认识输出语句

• alert()语句 - 弹出警告框
• console.log()语句 - 控制台输出

学会处理报错

• alert(‘慕课网’)； 不小心写成了中文分号

  1
  Uncaught SyntaxError: Invalid or unexpected token;//未捕获的语法错误：不合法或错误的符号

• alert(慕课网); 忘记用引号包裹

  1
  Uncaught ReferenceError: 慕课网 is not defined;//未捕获的引用错误：慕课网没有被定义

• alret(慕课网); 错误拼写alert

  1
  Uncaught ReferenceError: alret is not defined;//未捕获的引用错误：alret没有被定义

REPL环境

read读->eval执行->print打印->loop循环->read读->eval执行->print打印->loop循环->

变量#

变量是什么

• 变量是在内存中存储值的符号
• 变量不是数值本身，它们仅仅是一个用于存储数值的容器

定义变量

• 要想使用变量，第一步就是声明它，并给它赋值

  1
  var a = 5;

变量的使用

• 变量被赋值后，就可以使用它了；变量使用时不 能使用引号

  1
  console.log(a);

变量的默认值

• 一个变量只定义，但没有赋初值，默认值是undefined

• 一个变量只有被var定义，并赋初值之后，才算正式初始 化完成

  1
  var a = 10;
  2
  console.log(a); // undefined
  3
  a = 10;
  4
  console.log(a); // 10

变量的常见错误

• 不用var定义，而直接将值赋予它，虽不引发报错，但会 产生作用域问题。

  1
  a = 10;
  2
  console.log(a); // 10；定义变量时必须写var

• 尝试使用一个既没有被var定义过，也没有赋过值的字符， 就会产生引用错误。

  1
  console.log(b);// Reference Error；变量必须先赋值再使用

变量的合法命名

• 只能由字母、数字、下划线、$组 成，但不能以数字开头
• 不能是关键字或保留字
• 大小写敏感，a和A两个不同的变量
• 函数、类名、对象的属性等 也都要遵守这个命名规则

优秀的变量命名法

• 驼峰命名法：mathTestScore，不建议的命名：mathtestscore
• c风格: math_test_score
• 匈牙利命名法：iMathTestScore

变量的值

• 变量的值可以被改变

  1
  var a = 10;
  2
  a = 18;
  3
  console.log(a); // 18

  改变变量的值，不需要再次书写var

JS中的等号

• 等号表示赋值

变量声明

• 使用逗号同时声明和初始化两个变量

  1
  var a = 0, b = 0;

变量声明提升（重点）

• 变量声明的提升：你可以提前使用一个稍后才声明的变量，而不 会引发异常

• 变量声明提升时，只提升变量的定义，不会提升它的值

  1
  // 先使用变量
  2
  console.log(a);//输出undefined
  3
  // 后定义变量
  4
  var a = 12;

  相当于：

  1
  var a;
  2
  console.log(a);//输出undefined
  3
  a = 12

注意事项

• 变量声明的提升是JavaScript的特性，所以经常出面试题
• 在实际开发时，一定要先定义并给变量赋初值，然后再使用变量