写在前面

? ? ? ? 朋友萌，又又又又见面啦。我争取在12点前写出来，应该有人会看吧？不会吧不会吧？不会没人看我写博客吧？

? ? ? ? 今天讲js中的作用域，预解析与变量声明提升，要好好学习嗷，面试要考嗷。

作用域

????????就是变量的有效范围。在一定的空间里可以对数据进行读写操作，这个空间就是数据的作用域。

1、全局作用域：

????????最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的；

2、局部作用域：

????????局部作用域一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的，最常见的例如函数内部。在 ES6 之前，只有函数可以划分变量的作用域，所以在函数的外面无法访问函数内的变量。

3、块级作用域：

????????凡是代码块就可以划分变量的作用域，这种作用域的规则就叫块级作用域块级作用域函数作用域词法作用域之间的区别：

????????3.1）块级作用域和函数作用域描述的是，什么东西可以划分变量的作用域

????????3.2）词法作用域描述的是，变量的查找规则

之间的关系：

????????1、块级作用域包含函数作用域

????????2、词法作用域与块级作用域、函数作用域之间没有任何交集，他们从两个角度描述了作用域的规则

????????ES6 之前 JavaScript 采用的是函数作用域+词法作用域，ES6 js 采用的是块级作用域+词法作用域?

预解析

????????JavaScript 代码的执行是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器执行 JavaScript 代码的时候，分为两个过程：预解析过程和代码执行过程

预解析过程：

????????1.把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值

????????2.把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用

????????3.先提升 var，在提升 function

JavaScript的执行过程：

// 案例 1
var a = 25;
function abc() {
alert(a);
var a = 10;
}
abc(); // 案例 2
console.log(a);
function a() { console.log('aaaaa');
}var a = 1;
console.log(a);

变量提升

????????变量提升：定义变量的时候，变量的声明会被提升到作用域的最上面，变量的赋值不会提升

????????函数提升：JavaScript 解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

/ 1、-----------------------------------
var num = 10;
fun();
function fun() { console.log(num);
var num = 20;
}
//2、-----------------------------------
var a = 18;
f1();
function f1() { var b = 9;
console.log(a);
console.log(b);
var a='123';
// 3、-----------------------------------
f1();
console.log(c);
console.log(b);
console.log(a);
function f1() { var a = b = c = 9;
console.log(a);
console.log(b);
console.log(c);
}

????????变量声明提升：使用 var 关键字定义的变量，被称为变量声明；函数声明提升的特点是，在函数声明的前面，可以调用这个函数