一 什么是?
概括:
简略说就是在js代码执行前引擎会先进行预编译,预编译期间会将变量申明与函数申明晋升至其对应作用域的最顶端。
-
变量晋升:
全局作用域中申明的变量会晋升至全局最顶层,函数内申明的变量只会晋升至该函数作用域最顶层。function variableUp() { if (!foo) { var foo = 5; } console.log(foo); // 5 } variableUp();
-
函数晋升:
函数晋升只会晋升函数申明,而不会晋升函数表达式,定义形参就相当于在函数作用域中申明了变量function funUp(a) { conosle.log(a)//output: undefined function foo() { console.log(1); } foo(); // output: 2 function foo() { console.log(2); } } funUp() var funUp=function(){ console.log(funUp) }
在JavaScript中的函数是一等公民,函数申明的优先级最高,会被晋升至以后作用域最顶端
二 对于变量晋升及函数晋升的了解
三 实际例题
题目:
function fn(a,c){
console.log(a) //output: function a(){}
var a=123
console.log(a) //output: 123
console.log(c) //output: function c(){}
function a(){}
if(false){
var d =678
}
console.log(d) //output: undefined
console.log(b) //output: undefined
var b = function(){}
console.log(b) //output: function
function c(){}
console.log(c) //output: function c
}
fn(1,2)
剖析:
oa={
a:undefined,//1, function, 123
c:undefined,//2, function
d:undefined,
b:undefined, //function
}
js中无论哪种模式申明(var, let, const, function, function, class)都会存在晋升景象,不同的是,(var,function,function)的申明会在晋升时进行初始化赋值为 undefined,因而拜访这些变量的时候,不会报 ReferenceError异样,
应用 let,const,class 申明的变量,
被晋升后不会被初始化,此时如果拜访这些变量会抛出ReferenceError 异样,看上去就像没被晋升一样
结束语:无论是晚期的代码,还是ES6中的代码,咱们都须要遵循一点,先申明,后应用。