JS之作用域和预解析

十一、作用域

目录

十一、作用域

作用域的概念

作用域的作用

1、全局和局部作用域

2、全局和局部变量

区别

3、作用域链 

 十二：预解析

1、变量预解析（变量提升）

2、函数预解析（函数提升） 

---

作用域的概念

在一段程序代码中所用到的名字并不总是有效和可用的，限定这个名字的可用性的代码范围就是这个名字的作用域。

作用域的作用

提高程序逻辑的局部性，增强程序的可靠性，减少名字冲突。

作用域分为全局作用域和局部作用域

1、全局和局部作用域

全局作用域；整个script标签或者是一个单独的js文件。如：

局部作用域：在函数内部，即名字只在函数内部起效果，也称为函数作用域。如：

2、全局和局部变量

根据作用域的不同将变量划分为全局变量和局部变量。

注意：函数也可以使用全局变量，而局部变量除了函数内部其他不可调用，例如：

 此时控制台会报错。

在函数内部没有声明直接赋值的变量也为全局变量。

函数的形参也可以看作局部变量。

区别

• 作用域不同。
• 全局变量只有在浏览器关闭以后才会被销毁，比较占内存。
• 局部变量当代码块被执行时会被初始化，当代码块执行完毕后就会被销毁，比较节约别内存资源。

在现阶段JS没有块级作用域。

块级作用域：{}内部为块级作用域，如：if{}、for{}......

其他语言在if、for等语句中声明变量外部是不可以访问的，但是js可以，如下例子是可以正常输出的：

3、作用域链 

作用域链：根据在内部函数可以访问外部函数变量这种机制，用链式查找决定哪些数据可以被内部函数访问。例如：

 简单理解链式查找就是一级一级向外查找，直至查找到目标变量，也就是就近原则。

 十二：预解析

js引擎在执行代码时分为两步：预解析和代码执行。

预解析：js引擎会把js里面所有的var和function提升到当前作用域的最前面。

1、变量预解析（变量提升）

把所有的变量声明提升到当前作用域最前面，但注意只提升声明不提升赋值。例如：

2、函数预解析（函数提升） 

把函数声明提升到当前作用域最前面，但是只提升声明不调用函数。

在用函数表达式声明函数时是变量预解析。