javascript变量提升

Javascript的工作原理是先编译后执行，在编译过程中，解释器会把所有声明“移动”到所有作用域的最上面，而赋值和其它逻辑保留在原地，这就叫变量提升。在提升过程中，函数声明会优先被提升，且函数体也被提升。存在相同的变量声明和函数声明，变量声明将会被忽略。相同的函数声明，后面的会覆盖前面的。

1、变量声明提升到所在作用域的最上面

console.log(a)//undefined
var a =100
console.log(a)//100
function test(){
    console.log(a)//undefined
    var a=200
    console.log(a)//200
}
test()

经解释器解释后，变量声明提升到所在作用域最上面，赋值和其它逻辑保持不变。

var a;//变量声明被提升到所在作用域（全局）的最上面
console.log(a)//undefined
a=100;
console.log(a)//100
function test(){
    var a;//变量声明被提升到所在作用域（test函数内）的最上面
    console.log(a)//undefined
    a=200
    console.log(a)//200
}
test()

第一个a变量提升到所在作用域（全局）的最上面，test函数内的变量a提升到所在作用域（test函数内）的最上面。

2、函数声明会被优先提升，且函数体也被提升

test()//function test
function test(){
    console.log('function test')
}

经解释器解释后

function test(){
    console.log('function test')
}
test()

3、存在相同的变量声明和函数声明，变量声明将被忽略

console.log(test)//[Function test]
var test = "test"
function test(){
    console.log('function test')
}
console.log(test)//test

经解释器解释后

function test(){
    console.log('function test')
}
console.log(test)//[Function test]
var test = "test"
console.log(test)//test

4、相同的函数声明，后面的会覆盖前面的

test()//function2 test
var test = "test"
function test(){
    console.log('function1 test')
}
function test(){
    console.log('function2 test')
}
console.log(test)//test

经解释器解释后

function test(){
    console.log('function1 test')
}
function test(){//覆盖前面的test函数
    console.log('function2 test')
}
test()//function2 test
var test = "test"
console.log(test)//test