javascript函数声明的提升

     

编译原理

 在传统编译语言的流程中,程序中的一段源代码在执行之前会经历三个步骤,统称为“编译”。

1 分词/词法分析

这个过程会将由字符组成的字符串分解成(对编程语言来说)有意义的代码块,这些代码块被
称为词法单元(token)。例如,考虑程序 var a = 2; 。这段程序通常会被分解成为下面这些词法

单元: var 、 a 、 = 、 2 、 ; 。空格是否会被当作词法单元,取决于空格在这门语言中是否具有意义。

2 解析/语法分析

3代码生成

接下来是我的理解,我一直以为javascript会一步一步的往下执行,其实不是代码会按照先编译后执行的顺序来完成。

例如 

                 var m=2;
		console.log(m);

先编译后执行的顺序是

                var m;
		console.log(m);
                m=2;
提升函数
提升变量
所以不要认为以函数为准,很有可能提升的变量又把函数给覆盖了
var fun = function(){
 console.log("A");
}
 function fun(){
	console.log("B");
}
fun();  //输出A

函数优先

fun(); // 1
var fun;
function fun() {
console.log( 1 );
}
fun = function() {
console.log( 2 );
};
会输出 1 而不是 2 !这个代码片段会被引擎理解为如下形式:
function fun() {
console.log( 1 );
}
fun(); // 1
fun = function() {
console.log( 2 );
注意, var foo 尽管出现在 function foo()... 的声明之前,但它是重复的声明(因此被忽略了),因为函数声明会被提升到普通变量之前。尽管重复的 var 声明会被忽略掉,但出现在后面的函数声明还是可以覆盖前面的。
foo(); // 3
function foo() {
console.log( 1 );
}
var foo = function() {
console.log( 2 );
};
function foo() {
console.log( 3



猜你喜欢

转载自blog.csdn.net/qq_35139600/article/details/80370068