前端有三要素：html、css、js。其中html主要进行布局，举个例子如果把前端看做一个洋娃娃那么html就是洋娃娃没有任何修饰的身体，css对页面进行渲染，是洋娃娃的衣服，js就是页面与后台进行交互的动作，是洋娃娃的跑、跳等动作。所以js是一个比较重要的部分，下面就来介绍一下js。

js是一门编程性语言，主要是为了缓解页面用户提交无效信息对后台服务器的影响。

  • js的三大核心组成部分：ECMAScript、DOM、BOM。

ECMAScript：ECMA规定了js的标准
DOM：是文本对象模型
BOM：浏览器对象模型

  • js的四大特点：既可以作为前端语言又可以作为服务器语言，具体作为哪种根据运行环境而定；是一门解释性语言；从上到下顺序执行；是一种弱数据类型语言。
  • js的执行方式：可以在浏览器和nodejs平台中执行。在nodejs中 node xxx.js；在浏览器中可以在vs code内部插入标签script中写，也可以外部引入脚本文件。
  • 标识符——变量名、函数名的命名规则：

变量名由数字、字母、下划线和$组成
变量名不能以数字和下划线开头（一般变量名小写如age）
不能含有关键字和保留字
变量名最好具有一定意义，驼峰式命名（一般函数名小驼峰例如userName()，构造函数大驼峰如ProductList()）

  • 变量声明和初始化：
<script type="text/javascript">
    var a;    //声明变量
    a = 10;     //初始化变量 赋值
    var a = 10;    //声明并初始化
    var a,b,c;    //声明多个变量
    var a = 10,b = 20,c = 30;     //声明并初始化多个变量
</script>
  • js的数据类型：五种基本数据类型和一种引用数据类型。

基本数据类型：null、undefined、boolean（布尔型）、number（数字型）、string（字符型）
引用数据类型：object（对象）

  • 声明变量 变量提升：
    变量声明提升：变量会提升到作用域前边。
  •  1. var：可以变量提升，可以重复声明变量
  •  2. let：不可以变量提升，不可以重复声明变量
  •  3. const：声明常量，常量值不能修改，必须在声明的时候赋值，不能重复声明变量

正式学习js的前的预习知识就这些了，希望有用。