目录
2. 预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升）
作用域
在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。
就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突
作用域的划分
全局作用域：整个script标签 或者是一个单独的js文件，script标签以内，函数体以外称之为全局作用域
<script>
var num = 10;
var num = 30;
console.log(num);
</script>局部作用域：函数执行形成局部作用域（私有作用域）在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用
function fn() {
// 局部作用域
var num = 20;
console.log(num);
}
fn();全局变量和局部变量
全局变量(全局函数):全局作用域下定义的变量就属于全局变量，可以在任意地方使用或修改
// 注意 如果在函数内部 没有声明直接赋值的变量也属于全局变量
var num = 10; // num就是一个全局变量
console.log(num);
function fn() {
console.log(num);
}
fn();局部变量(局部函数)：局部作用域下定义的变量就属于局部变量，只能在当前作用域下使用或修改
// 注意： 函数的形参也可以看做是局部变量
function fun(aru) {
var num1 = 10; // num1就是局部变量 只能在函数内部使用
num2 = 20;
}
fun();从执行效率来看全局变量和局部变量
- (1) 全局变量只有浏览器关闭的时候才会销毁，比较占内存资源
- (2) 局部变量 当我们程序执行完毕就会销毁， 比较节约内存资源
js中没有块级作用域 js的作用域： 全局作用域 局部作用域 现阶段我们js 没有 块级作用域
我们js 也是在 es6 的时候新增的块级作用域
块级作用域 {} if {} for {}
java
if(xx) {
int num = 10;
}
外面的是不能调用num的
if (3 < 5) {
var num = 10;
}
console.log(num);作用域链
首先作用域链是一种查找机制，在当前作用域下用到某个变量或方法（函数），有私有的先用自己私有的，私有的没有就会往上一级作用域进行查找，查找不到再往上一级作用域进行查找，直到找到全局作用域为止，找不到可能就报错了
作用域链 ： 内部函数访问外部函数的变量，采取的是链式查找的方式来决定取那个值 这种结构我们称为作用域链
// 就近原则
var num = 10;
function fn() { // 外部函数
var num = 20;
function fun() { // 内部函数
console.log(num);
}
fun();
}
fn();案例
var a = 100;
var b = 200;
var c = 300;
function test1(num1) {
console.log(num1);
var a = 10;
var b = 20;
var num1 = 1000;
a++;
b++;
c++;
num1++;
console.log(a, b, c, num1);
function test2() {
var c = 30;
a++;
b++;
c++
console.log(a, b, c);
}
test2();
}
test1(5);
console.log(a, b, c);作用域链解析图
预解析
1. 我们js引擎运行js 分为两步： 预解析 代码执行
(1). 预解析 js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面
(2). 代码执行 按照代码书写的顺序从上往下执行
2. 预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升）
(1) 变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作
(2) 函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数
3. 预解析可以分为:
-
全局作用域下的预解析
-
局部作用域下的预解析
预解析发生在js代码真正执行之前，先进性预解析的操作，把所有带有var和functiuon关键的进行预解析，var进行预解析是只声明不定义，funtion在预解析的时候是声明+定义
声明：var a;
定义 : a = 100;
函数执行形成私有作用域，这个作用域中的代码从上到下执行，在执行之前也是先进行预解析，这个私有作用域属于栈区，函数的形参赋值在预解析之前
函数执行完毕自动销毁（垃圾回收机制）
console.log(a, b); //undefined undefined
var a = 10;
var b = 20;
console.log(a, b); //10,20
sum();
function sum() {
console.log(c, d); //undefined undefined
var c = 10;
var d = 20;
function test() { //在预解析的时候就声明+定义已经完成了
console.log("哈哈");
}
}
sum();