JavaScript的声明变量提升

首先JavaScript是一种弱类型，动态的，解释型的脚本语言

弱类型 ：类型检查不严格，偏向于容忍隐式类型转换
强类型：类型检查严格，偏向于不容忍隐式类型转换
动态类型：运行的时候执行类型检查
静态类型：编译的时候就知道每个变量的类型
解释型：程序不需要编译，程序在运行的时候才翻译成机器语言，每执行一次都要翻译一次，因此效率比较低，但是跨平台好
编译型：程序在执行之前需要一个专门的翻译过程，把程序编译为机器语言的文件，运行时直接使用编译的结果就行了。
标记语言：标记语言的存在就是用来读取（浏览）的，而其本身是没有行为能力的，在标记语言里你会看到<和>这些尖括号，这是用来写处 层次 和 属性 的，换句话说，它是被动的，并不具备访问者互动的能力
编程语言：它是具有逻辑性和行为能力，这是主动的，说通俗一点，它是有思想的
脚本语言：它介于标记语言和编程语言之间，脚本语言不需要编译，可以直接用，由解释器来负责解释。

JS代码解析原则

首先JS引擎在读取JS代码时会进行两个步骤，第一步骤是解释，第二个步骤是执行
所谓解释就是会先通篇扫描所有的js代码，然后把所有的声明提升到顶端，第二步是执行，执行就是操作一类的

例子1:
console.log(a);//输出结果 undefined
 var a=10;

原因：变量提升，把变量声明提升到当前执行环境的最顶端
上段代码相当于
var a
console.log(a)  没有赋值，所以输出undefined
a=10

例子2：
foo();
function foo(){
 console.log("aaa");
}

结果输出：aaa
原理：函数声明提升，函数声明提升直接把整个函数提到执行环境的最顶端
相当于
funciton foo(){
    console.log('aaa')
}
foo()
变量提升只提升函数名，而函数提升会提升整个函数体，注意：函数提升在变量提升上面

例子3：
foo();
var foo = function(){
 console.log("aaa");
}

运行结果是：foo is not a function
原因：还是进行了变量提升
相当于：
var foo 
console.log(foo) //undefined
foo()// foo is not a funciton
foo=funciton(){
    console.log('aaa')
}
上面代码输出undefined是因为变量提升后没有赋值，因此输出undefined
输出：foo is not a function
原因是：js解析遇到foo()时会默认函数来解析

例子4：
console.log(foo)
var foo = 10
console.log(foo)
function foo(){
console.log(10)
}
console.log(foo)

输出结果

原理相当于：
function foo(){
 console.log(10);
}
var foo;
console.log(foo);
foo=10;
console.log(foo);
console.log(foo);
注意：函数提升在变量提升上面，第一个console.log(foo)输出函数体是因为var foo，并
未有赋值只是声明，因此它会调用上面的值

例如：
var b=10;
b=10;console.log(b); //10 输出上一个值不会输出undefined

但是更改后
var b=10
b=20
console.log(b)//20 因为b=20提升最上面，代替了b=10

要牢记，函数提升在变量提升之上

转载自https://blog.csdn.net/demo_18/article/details/78493489