devStandard/docs/learning/3-js/2.2-变量提升和函数声明提升.md

var变量提升和函数声明提升

var变量提升

• var关键字声明的变量，无论实际声明的位置在何处，都会被视为声明在函数的顶部（如果声明不在任意函数内，则视为在全局作用域的顶部）
• JavaScript引擎的工作方式是，先预解析代码， 获取所有被声明的变量和函数声明，然后再一行一行地运行，这就使所有变量声明的语句，都会被提升到代码的头部，这就是变量提升

a = 2
console.log(a)
var a = 1
console.log(a)

实际

var a			// var声明被提前到顶部, 此时值是undefined
a = 2
console.log(a)
a = 1		// 赋值还是在原来的位置
console.log(a)

函数声明提升

函数定义有三种: 声明式, 函数式, 构造函数

声明式: function fn (){}

函数式: const fn = (){}

构造函数: const fn = new Function("a","b","return a+b");

其中, 声明式有提升效果

函数声明语句将会被提升到外部脚本或者外部函数作用域的顶部

f('superman');
function f(name){
    console.log(name);
}

实际

function f(name){
    console.log(name);
}
f('superman');

例子:

var getName = function(){
    console.log(2);
}
function getName (){
    console.log(1);
}
getName();	// 输出2

实际

function getName(){    //函数声明提升到顶部
    console.log(1);
}
var getName;    //变量声明提升
getName = function(){    //变量赋值依然保留在原来的位置
    console.log(2);
}
getName();    // 最终输出：2