1.js是什么
JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）
2.DOM——文档对象模型
文档对象模型（DocumentObject Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）
3.BOM——浏览器对象模型
浏览器对象模型**(Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。
4.js书写位置
JS 有3种书写位置，分别为行内、内嵌和外部。
5.JavaScript输入输出语句
| 方法 | 说明 | 归属 |
|---|---|---|
| alert(msg) | 浏览器弹出警示框 | 浏览器 |
| console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
| prompt(info) | 浏览器弹出输入框，用户可以输入 | 浏览器 |
6.变量
6.1 概念
白话：变量就是一个装东西的盒子。
通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。
6.2 变量在内存中的存储
本质：变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间，一个房间就可以看做是一个变量。
6.3 变量命名规范
- 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
- 严格区分大小写。var app; 和 var App; 是两个变量
- 不能 以数字开头。 18age 是错误的
- 不能 是关键字、保留字。例如：var、for、while
- 变量名必须有意义。 MMD BBD nl → age
- 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName
7.数据类型
7.1 数据类型的分类
JS 把数据类型分为两类：
-
简单数据类型 （Number,String,Boolean,Undefined,Null）
（1）Number数据类型
（2）String字符串类型 - 字符串转义符
| 转义符 | 解释说明 |
|---|---|
| \n | 换行符，n 是 newline 的意思 |
| \ \ | 斜杠 \ |
| ' | ' 单引号 |
| " | ”双引号 |
| \t | tab 缩进 |
| \b | 空格 ，b 是 blank 的意思 |
（3）布尔型Boolean
（4）Undefined
一个声明后没有被赋值的变量会有一个默认值undefined ( 如果进行相连或者相加时，注意结果）
（5） Null
一个声明变量给 null 值，里面存的值为空（学习对象时，我们继续研究null)
- 复杂数据类型 （object)
7.2 获取变量数据类型
（1）typeof 可用来获取检测变量的数据类型
7.3 数据类型转换
- 转换为字符串有3种方式
（1）toString()
（2）和 String()
（3）加号拼接字符串，这种方式也被成为隐式转换 - 转换为数字型
（1）parseInt (string)
（2）parseFloat (string)
（3）Number()强制转换函数
（4）js隐式转换（- * /） - 转换为Boolean类型
Boolean()
注：代表空、否定的值会被转换为 false ，如 ''、0、NaN、null、undefined 。
其余值都会被转换为 true
8.关键字和保留字
8.1 标识符
标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。
标识符不能是关键字或保留字。
8.2 关键字
关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。
包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。
8.3 保留字
保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。
包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。
注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字，否则很可能收不到任何错误消息。当浏览器将其实现后，该单词将被看做关键字，如此将出现关键字错误。
9.运算符（操作符）
9.1 运算符的分类
运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。
JavaScript中常用的运算符有：
- 算数运算符
- 递增和递减运算符
- 比较运算符
- 逻辑运算符
- 赋值运算符
9.2 算数运算符
（1）概念
算术运算使用的符号，用于执行两个变量或值的算术运算。
（2）浮点数的精度问题
浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。
var result = 0.1 + 0.2; // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100); // 结果不是 7， 而是：7.000000000000001
所以：不要直接判断两个浮点数是否相等 !
（3）表达式和返回值
表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合
简单理解：是由数字、运算符、变量等组成的式子
表达式最终都会有一个结果，返回给开发者，称为返回值
9.3 递增和递减运算符
9.4 比较运算符
9.5 逻辑运算符
短路运算（逻辑中断）
短路运算的原理：当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;
- 逻辑与
语法： 表达式1 && 表达式2
如果第一个表达式的值为真，则返回表达式2
如果第一个表达式的值为假，则返回表达式1 - 逻辑或
语法： 表达式1 || 表达式2
-如果第一个表达式的值为真，则返回表达式1
-如果第一个表达式的值为假，则返回表达式2
9.6 赋值运算符
9.7 运算符优先级
10.断点调试
断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。断点调试可以帮助观察程序的运行过程
10.1 流程
（1）浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点
（2）Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
（3）摁下F11，程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
11.代码规范
关键词、操作符之间后加空格
if () {}
12.数组
12.1 概念
- 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。
- 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。
12.2 创建数组的两种方式
利用 new 创建数组
var 数组名 = new Array() ；
var arr = new Array(); // 创建一个新的空数组
注意：Array () ，A 要大写
上面代码中arr创建出的是一个空数组，如果需要使用构造函数Array创建非空数组，可以在创建数组时传入参数
参数传递规则如下：
如果只传入一个参数，则参数规定了数组的长度
如果传入了多个参数，则参数称为数组的元素
利用数组字面量创建数组
//1. 使用数组字面量方式创建空的数组
var 数组名 = []；
//2. 使用数组字面量方式创建带初始值的数组
var 数组名 = ['小白','小黑','大黄','瑞奇'];
（1）数组的字面量是方括号 [ ]
（2）声明数组并赋值称为数组的初始化
（3）这种字面量方式也是我们以后最多使用的方式
12.3 获取数组中的元素
- 数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。
- 如果访问时数组没有和索引值对应的元素，则得到的值是undefined
12.4 遍历数组
（1）利用for循环
12.5 数组中新增元素、删除及排序
（1）数组[ 数组.length ] = 新数据;
（2）push、unshift为增加元素方法；pop、shift为删除元素的方法
| 方法名 | 说明 | 返回值 |
|---|---|---|
| push(参数1....) | 末尾添加一个或多个元素，注意修改原数组 | 并返回新的长度 |
| pop() | 删除数组最后一个元素，把数组长度减1无参数、修改原数组 | 返回它删除的元素的值 |
| unshift(参数1...) | 向数组的开头添加一个或更多元素，注意修改原数组 | 并返回新的长度 |
| shift() | 删除数组的第一个元素，数组长度减1无参数、修改原数组 | 并返回第一个元素的值 |
（3）数组中有对数组本身排序的方法，部分方法如下表
| 方法名 | 说明 | 是否修改原数组 |
|---|---|---|
| reverse() | 颠倒数组中元素的顺序,无参数 | 该方法会改变原来的数组 返回新数组 |
| sort() | 对数组的元素进行排序 | 该方法会改变原来的数组返回新数组 |
注意：sort方法需要传入参数来设置升序、降序排序
- 如果传入“function(a,b){ return a-b;}”，则为升序
- 如果传入“function(a,b){ return b-a;}”，则为降序
（4）数组索引方法
数组中有获取数组指定元素索引值的方法，部分方法如下表
| 方法名 | 说明 | 返回值 |
|---|---|---|
| indexOf() | 数组中查找给定元素的第一个索引 | 如果存在返回索引号如果不存在，则返回-1. |
| lastIndexOf() | 在数组中的最后一个的索引， | 如果存在返回索引号如果不存在，则返回-1. |
（5）数组转换为字符串
数组中有把数组转化为字符串的方法，部分方法如下表
| 方法名 | 说明 | 返回值 |
|---|---|---|
| toString() | 把数组转换成字符串，逗号分隔每一项 | 返回一个字符串 |
| join('分隔符") | 方法用于把数组中的所有元素转换为一个字符串。 | 返回一个字符串 |
（6）其他方法
| 方法名 | 说明 | 返回值 |
|---|---|---|
| concat() | 连接两个或多个数组不影响原数组 | 返回一个新的数组 |
| slice() | 数组截取slice(begin, end) | 返回被截取项目的新数组 |
| splice() | 数组删除splice(第几个开始,要删除个数) | 返回被删除项目的新数组注意,这个会影响原数组 |
12.6 检测是否为数组
（1）instanceof 可以判断一个对象是否是某个构造函数的实例
var obj = {};
console.log(arr instanceof Array); // true
console.log(obj instanceof Array); // false
(2) Array.isArray()用于判断一个对象是否为数组，isArray() 是 HTML5 中提供的方法
var arr = [1, 23];
var obj = {};
console.log(Array.isArray(arr)); // true
console.log(Array.isArray(obj)); // false
13.函数
13.1 概念
函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
13.2 函数的使用
（1）声明函数
// 声明函数
function 函数名() {
//函数体代码
}
- function 是声明函数的关键字,必须小写
- 由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum
（2）调用函数
// 调用函数
函数名(); // 通过调用函数名来执行函数体代码
- 调用的时候千万不要忘记添加小括号
- 口诀：函数不调用，自己不执行
注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。
（3）函数的封装
- 函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
13.3 函数的参数
（1）函数参数语法
- 形参：函数定义时设置接收调用时传入
- 实参：函数调用时传入小括号内的真实数据
参数的作用 : 在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。
（2）函数形参和实参数量不匹配时
| 参数个数 | 说明 |
|---|---|
| 实参个等于形参个数 | 输出正确结果 |
| 实参个数多于形参个数 | 只取到形参的个数 |
| 实参个数小于形参个数 | 多的形参定义为undefined，结果为NaN |
注意：在JavaScript中，形参的默认值是undefined。
13.4 函数的返回值
break ,continue ,return 的区别
- break ：结束当前的循环体（如 for、while）
- continue ：跳出本次循环，继续执行下次循环（如 for、while）
- return ：不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的代码。如果函数没有 return ，返回的值是 undefined
13.5 arguments的使用
当不确定有多少个参数传递的时候，可以用 arguments 来获取。JavaScript 中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参。arguments展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点：
- 具有 length 属性
- 按索引方式储存数据
- 不具有数组的 push , pop 等方法
注意：在函数内部使用该对象，用此对象获取函数调用时传的实参。
13.6 函数的两种声明方式
（1）自定义函数方式(命名函数)
利用函数关键字 function 自定义函数方式
// 声明定义方式
function fn() {...}
// 调用
fn();
- 因为有名字，所以也被称为命名函数
- 调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面
（2）函数表达式方式(匿名函数）
利用函数表达式方式的写法如下：
// 这是函数表达式写法，匿名函数后面跟分号结束
var fn = function(){...}；
// 调用的方式，函数调用必须写到函数体下面
fn();
- 因为函数没有名字，所以也被称为匿名函数
- 这个fn 里面存储的是一个函数
- 函数表达式方式原理跟声明变量方式是一致的
- 函数调用的代码必须写到函数体后面
14.作用域
14.1 概念
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。
JavaScript（es6前）中的作用域有两种：
- 全局作用域
- 局部作用域（函数作用域
14.2 全局作用域
作用于所有代码执行的环境(整个script标签内部)或独立的js文件
14.3 局部作用域
作用于函数内的代码环境，就是局部作用域。
因为跟函数有关系，所以也称为函数作用域。
14.4 jS没有块级作用域
块作用域由 { } 包括。
15.变量的作用域
全局变量和局部变量的区别
- 全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会被销毁，因此比较占内存
- 局部变量：只在函数内部使用，当其所在的代码块被执行时，会被初始化；当代码块运行结束后，就会被销毁，因此更节省内存空间
16.作用域链
只要是代码都一个作用域中，写在函数内部的局部作用域，未写在任何函数内部即在全局作用域中；如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域；根据在[内部函数可以访问外部函数变量]的这种机制，用链式查找决定哪些数据能被内部函数访问，就称作作用域链。
17.预解析
17.1 概念
JavaScript 解析器在运行 JavaScript 代码的时候分为两步：预解析和代码执行。
- 预解析：在当前作用域下, JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义，预解析也叫做变量、函数提升。
- 代码执行： 从上到下执行JS语句。
注意：预解析会把变量和函数的声明在代码执行之前执行完成。
17.2 变量预解析
变量的声明会被提升到当前作用域的最上面，变量的赋值不会提升。
console.log(num); // 结果是多少？
var num = 10; // ？
结果：undefined
注意：变量提升只提升声明，不提升赋值
17.3 函数预解析
函数的声明会被提升到当前作用域的最上面，但是不会调用函数。
fn();
function fn() {
console.log('打印');
}
结果：控制台打印字符串 --- ”打印“
注意：函数声明代表函数整体，所以函数提升后，函数名代表整个函数，但是函数并没有被调用！
18.对象
18.1 什么是对象？
在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。
（1）对象是由属性和方法组成的。
- 属性：事物的特征，在对象中用属性来表示（常用名词）
对象中存储具体数据的 "键值对"中的 "键"称为对象的属性，即对象中存储具体数据的项 - 访问对象的属性
对象里面的属性调用 : 对象.属性名 ，这个小点 . 就理解为“ 的 ”
对象里面属性的另一种调用方式 : 对象[‘属性名’]，注意方括号里面的属性必须加引号
示例代码如下
console.log(star.name) // 调用名字属性
console.log(star['name']) // 调用名字属性
- 方法：事物的行为，在对象中用方法来表示（常用动词）
对象中存储函数的 "键值对"中的 "键"称为对象的方法，即对象中存储函数的项 - 调用对象的方法
对象里面的方法调用：对象.方法名() ，注意这个方法名字后面一定加括号
star.sayHi(); // 调用 sayHi 方法,注意一定要带后面的括号
（2）为什么需要对象？
保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。
如果要保存一个人的完整信息呢？
18.2 创建对象的三种方式
(1) 利用字面量创建对象
name : 'pink',
age : 18,
sex : '男',
sayHi : function(){
alert('大家好啊~');
}
};
(2) 利用 new Object 创建对象
创建空对象:通过内置构造函数Object创建对象，此时andy变量已经保存了创建出来的空对象
var andy = new Obect();
- 给空对象添加属性和方法
andy.age = 18;
andy.sex = '男';
andy.sayHi = function(){
alert('大家好啊~');
}
(3) 利用构造函数创建对象
- 构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。
- 构造函数的封装格式：
function 构造函数名(形参1,形参2,形参3) { this.属性名1 = 参数1; this.属性名2 = 参数2; this.属性名3 = 参数3; this.方法名 = 函数体; } - 构造函数的调用格式
以上代码中，obj即接收到构造函数创建出来的对象。var obj = new 构造函数名(实参1，实参2，实参3) - 注意事项
- 构造函数约定首字母大写。
- 函数内的属性和方法前面需要添加 this ，表示当前对象的属性和方法。
- 构造函数中不需要 return 返回结果。
- 当我们创建对象的时候，必须用 new 来调用构造函数。
- 其他
构造函数，如 Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类（class）
创建对象，如 new Stars()，特指某一个，通过 new 关键字创建对象的过程我们也称为对象实例化
18.3 new关键字的作用
- 在构造函数代码开始执行之前，创建一个空对象；
- 修改this的指向，把this指向创建出来的空对象；
- 执行函数的代码
- 在函数完成之后，返回this---即创建出来的对象
18.4 遍历对象
for...in 语句用于对数组或者对象的属性进行循环操作。
其语法如下：
for (变量 in 对象名字) {
// 在此执行代码
}
语法中的变量是自定义的，它需要符合命名规范，通常我们会将这个变量写为 k 或者 key。
19.内置对象
JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象
前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发
- 日期对象
Date 对象和 Math 对象不一样，Date是一个构造函数，所以使用时需要实例化后才能使用其中具体方法和属性。Date 实例用来处理日期和时间
（1）使用Date实例化日期对象
获取当前时间必须实例化：var now = new Date()
获取指定时间的日期对象：var future = new Date('2019/5/1');
注意：如果创建实例时并未传入参数，则得到的日期对象是当前时间对应的日期对象
（2）使用Date实例的方法和属性
通过Date实例获取总毫米数
// 实例化Date对象
var now = new Date();
// 1. 用于获取对象的原始值
console.log(date.valueOf())
console.log(date.getTime())
// 2. 简单写可以这么做
var now = + new Date();
// 3. HTML5中提供的方法，有兼容性问题
var now = Date.now();
