1. js引擎运行js分为两步:
(1)预解析:js引擎会把js里面所有的var,function 提升到当前使用域的最前面。
(2)代码执行:按照代码书写的顺序从上往下执行。
2. 预解析分为 变量预解析(变量提升)和 函数预解析(函数提升)
(1)变量提升:就是把所有的变量声明提升到当前的作用域最前面,不提升赋值操作。
(2)函数提升:就是把所有的函数声明提升到当前作用域的最前面,不调用函数。
3. 举例
var num = 10;
fun();
function fun() {
console.log(num);
var num = 20;
}
//相当于进行了以下操作
var num;
function fun() {
var num;
console.log(num); //undefined
num = 20;
}
num = 10;
fun();
var num = 10;
function fn() {
console.log(num);
var num = 20;
console.log(num);
}
fn();
//相当于进行了以下操作
var num;
function fn() {
var num;
console.log(num); //undefined
num = 20;
console.log(num); //20
}
num = 10;
fn();
var a = 18;
f1();
function f1() {
var b = 9;
console.log(a);
console.log(b);
var a='123';
}
//相当于进行以下操作
var a;
function f1() {
var b;
var a;
b = 9;
console.log(a); //undefined
console.log(b); //9
a = '123';
}
a = 18;
f1();
f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
console.log(a);
console.log(b);
console.log(c);
}
//相当于进行以下操作
function f1() {
var a;
a = b = c = 9;
//相当于 var a = 9;b = 9;c = 9; b和c直接赋值,没有var声明 当全局变量
//集体声明 var a = 9,b = 9,c = 9;
console.log(a); //9
console.log(b); //9
console.log(c); //9
}
f1();
console.log(c); //9
console.log(b); //9
console.log(a); //undefined