预解析
- 可以理解为js解析引擎在逐行执行代码前，对一些特殊代码的预先执行。
- 也可以认识是在马拉松之前的热身运动。
- 具体一点讲，是js在逐行执行代码前，会对js脚本进行一个整体检查。
- 1、检测语法有没有错误
- 2、变量声明提升：检测到变量声明那就率先进行声明(实际上是开辟一个内存空间，将来备用)
- 3、函数声明提升：检测到函数声明也率先进行声明(实际上是开辟两个内存空间，一个是变量，一个是函数)
- 预解析造成js一个特殊的象限，就是在变量声明和函数声明之前的代码，可以访问它们。
- js预解析完毕之后，才会整体正式逐行执行，但是预解析过的变量声明和函数声明不会重复执行。
- js预解析分为两种，全局预解析(全局代码执行的时候会先预解析)与局部预解析(函数在调用的时候内部的代码会先预解析)
变量声明
- 使用通过var定义的变量，才属于变量声明
- 例如：var a; 属于变量声明。
- 例如：b = 10; 不属于变量声明。
- var关键字可以通过逗号连续声明多个变量
- 例如：var a, b, c = 20, d = 30;
- a,b,c,d全部属于声明。
- var关键字在声明变量的时候，可以给其赋值，如果赋值表达式中含有一些变量，这些变量不属于变量声明。
- 例如：var a = b = 10;
- 其中a属于变量声明，b不属于。
函数的定义方式
- 字面量
- 函数声明
- function fn(){}
- 函数表达式
- var fn = function(){}
- 函数声明
- 构造函数
- new Function()
函数声明
在js中，函数声明式写法比较单一，好区分。
- 一定是以function关键字开头定义的函数
- 一定具有函数名
- 函数声明有两种，1种是全局函数声明，1中是局部函数声明
- 函数声明要么在全局，要么直接嵌套在另一个函数内
函数表达式
在js中，函数表达式的编写形式，多种多样。
比如把函数当作数据赋值给变量，或者把函数作为返回值return，或者当做参数传递，或者运算符运算，或者自调函数。
- 要么不是以function关键字开头来定义的函数，要么该函数定义在了语句当中
- 函数名可有可无
预解析细节规则
- 变量声明重名 -- 后面的忽略，没有必要定义重复的变量
- 函数声明重名 -- 保留后面的，因为函数体可能不一样，后面的优先与前面的
- 变量与函数重名 -- 保留函数
- 写在代码块中的函数，名字会被预解析，函数体不会
- 最终造成的现象是，在该函数定义的访问它，不会报错，得到一个undefined
console.log(fn) // undefined
if(true) {
function fn(){}
}
console.log(fn) // 函数体
- 函数表达式不会被预解析，但是函数表达式定义的函数执行时，其内部会对自己进行函数声明。
- 最终造成的现象是，在该函数的外面无法通过其名称找到它，但是在内部可以。
console.log(fn); // 报错
var a = function fn(){
console.log(fn); // 函数体，因为表达式定义的函数，会在自己内部被声明一次。
}
console.log(fn); // 报错
函数执行时形参的赋值
- 一个函数在执行时，会优先定义形参，然后赋值。
- 预解析和逐行执行都慢与形参。
(function(a) {
console.log(a); // 100
var a = 200;
console.log(a); // 200
}(100));
闭包
- 有权访问非自身局部变量(非全局变量)的函数，称为闭包。
- 有权访问自由变量(非全局变量)的函数，称为闭包。
自由变量
- 一个函数可以访问的非自身内部变量，称为这个函数的自由变量。
引用了自由变量的闭包特点
- 会延长自由变量的生命周期，只要闭包不死我就不死
闭包的应用
- 可以利用闭包的结构去管理一些重要的变量，防止外界随意对其修改
