JavaScript：关于变量提升操作理解

a = 'javascript';
var a;
console.log(a);

上面的代码一般认为结果会是'undefined'但是事实结果却是'javascript'

原因在于javascript语言的执行并非按照书写的代码一行一行的运行，而是按照编译后的代码一行一行运行，简单来说分为俩步骤：

1. 编译(词法解释/预解释)
2. 执行

所以上面的代码执行编译的时候代码就发生了以下变化：

​
var a;// 变量声明提前
a = "javascript";//留在原地
console.log(a);

第二种情况：函数声明会被提升

console.log(a);
var a = "javascript";

// 编译后

var a;// 声明提前
console.log(a);
a = "javascript";// 停留原地等待执行

下面开始说明带函数的 变量提升：

// 函数声明
function show(){
    console.log('函数声明方式');
}
// 函数表达式
var show = function(){
    console.log('表达式方式');
}


// 例子1 【声明式函数】
show();
function show(){
    console.log(a);
    var a = "javascript";
}
// 编译后
show();
function show(){
    var a;// 声明提前 注意 此变量是在函数内部所以编译后也还是在内部不可在函数外部
    console.log(a);
    a = "javascript";
}

// 例子2 【表达式函数】
show();
var show = funtion (){
    console.log("javascript");
}
// 编译后 此时就会报错,因为压根找不到show方法,他执行的是undefined();
var show;
show(); 
show = function (){
    console.log("javascript");
}

下面再看一个函数同名的提升操作：

show();
var show;
function show(){
    console.log("javascript ES5");
}
show = function (){
    console.log("javascript ES6");
}

// 解析过后

function show(){
    console.log("javascript ES5");
}
show();
show = function (){
    console.log("javascript ES6");
}
// 输出结果：javascript ES5
// ---------------------------------------------------------------------------
// 原因：当出现同名的函数声明，变量声明的时候， 函数声明会被优先提升，变量声明会被忽略

深入理解JavaScript的作用域与变量提升（hoisting）：https://www.jianshu.com/p/28ede2f4f30f 感谢游泳的石头博主

感谢ghostwu博主文章。