javascript的变量提升和函数提升

js 代码执行过程分为两个阶段

1.词法分析：词法分析主要包括：分析变量声明、分析函数声明、分析形参三个部分。
2.执行阶段
引擎通过词法分析将我们写的js代码转成可以执行的代码，接下来才是执行。

变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

JS中创建函数有两种方式：函数声明式和函数字面量式。只有函数声明才存在函数提升。

JavaScript 仅提升声明，而不提升初始化。如果你先使用的变量，再声明并初始化它，变量的值将是 undefined。

console.log(a);  //undefined
var a = 123; 

因为变量a的声明被提到了作用域顶端。上面代码编译后应该是下面这个样子

var a;
console.log(a)
a = 123
//所以输出内容为 undeifend

看一道经典面试题

console.log(v1);
var v1 = 100;
function foo() {
    console.log(v1);
    var v1 = 200;
    console.log(v1);
}
foo();
console.log(v1);
// undefined undefined 200  

他的分析过程如下：

//他的词法分析如下
console.log(v1);//输出第一个值undefined
var foo = function foo() {
    console.log(v1);//输出第二个值undefined
    var v1;
    v1 = 200;//变量后提升，赋值操作不会被提升
    console.log(v1);//输出第三个值200
}
foo()//函数先提升
var v1 = 100;//var允许重复的声明,但会被忽略,v1重新被赋值
console.log(v1);// 输出第四个值100

1:所有的声明都会提升到作用域的最顶上去。

2:同一个变量只会声明一次，其他的会被忽略掉。

func(); // 1
var func;
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}

输出1，不会输出2。函数声明和变量声明都会被提升，但是需要注意的是函数会先被提升，然后才是变量。
var func;尽管出现在function func()之前，但它是重复的声明，会被忽略，因为函数声明会被提升到普通变量之前。
等同于这样：

function func() {
  console.log(1);
}
func(); // 1
func = function() {
  console.log(2);
}//此时没有再次被调用，所以不会输出2

3:函数声明的优先级高于变量申明的优先级，并且函数声明和函数定义的部分一起被提升。

牢记这三点：

• 只有声明本身会被提升，而赋值操作不会被提升。
• 变量会提升到其所在函数的最上面，而不是整个程序的最上面。
• 函数声明会被提升，但函数表达式不会被提升。

函数提升

具名函数的声明有两种方式：1. 函数声明式 2. 函数字面量式

//函数声明式
function bar () {}
//变量形式声明； 
var foo = function () {}

函数 变量形式声明 和普通变量一样 提升的 只是一个没有值的变量（即undefined）。
函数声明式的提升现象和变量提升略有不同，函数声明式会提升到作用域最前边，并且将声明内容一起提升到最上边。

bar()//此时函数没有被声明，调用报错
//此时bar为undefined，是一个变量，不是一个函数
var bar = function() {
  console.log(1);
}
// 报错：TypeError: bar is not a function

bar()//函数声明式会提升到作用域最前边，并且将声明内容一起提升到最上边。所以可以调用
function bar() {
  console.log(1);
}
//输出结果1

这只是一篇学习笔记，欢迎指正，谢谢