JavaScript中的变量和函数提升，以及函数表达式与函数声明式的区别

预解析

JS引擎运行js分为两步：预解析 和 代码执行

》知识点

引擎会将所有 变量的声明 和 函数 提升到当前作用域最前面

变量提升受到作用域的限制，不能超出所在作用域

变量提升

引擎会将所有变量的声明提升到当前作用域最前面

》注意

不会同时执行赋值 所以此时都是undefined

// 1
console.log(a) // undefined
var a = 10
// 2
var a;
console.log(a) // undefined
a = 10

//以上 代码1 的拆解为 代码2 理解，可以解释变量提升

函数提升

引擎会将所有 函数的表达式声明 提升到当前作用域最前面

》注意

不会同时执行调用函数 所以此时都是会报错

name()
var name = function (params) {} 
// TypeError: name is not a function

var name;
name()
name = function (params) {}
// TypeError: name is not a function

函数表达式和函数声明式

// 函数声明式
name()
function name(params) {}
// 不报错
// 不理解的话就将 function 视作 var，进行了变量提升

// 函数表达式
name()
var name = function (params) { }
// 报错
// 这个name进行了提升，但不执行赋值操作