声明提前(hoist)

Posted dcode

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了声明提前(hoist)相关的知识,希望对你有一定的参考价值。

程序执行前,都会先找到var声明的变量和function声明的函数。

一、var声明的变量

程序

结果

console.log(a);  

var a=10;

console.log(a);

//undefined

 

// 10

var a=10; 简写  被翻译为  var  a;   a=10;    声明提前 ——>         

                                          声明      赋值

                         技术图片

所以第一个输出a时,a只声明没有赋值所以是undefined;  第二次输出时,a已经被赋值为10,所以输出10.

 

 

 二、function声明的函数

声明方式:

function 函数名(){

     要反复执行的代码段;

      return 返回值

}

程序 结果

function fun(){console.log(1);}

fun();

function fun(){console.log(2);}

fun();

 

//2

 

//2

 

这个程序有function声明的函数,发生声明提前——>

技术图片

两个同名函数遇到了一起。但是Js是解释执行,读一行执行一行,后督导的同名内容会覆盖先读到的同名内容,所以只剩下第二个函数,所以两次调用函数都输出2.

 

以上是关于声明提前(hoist)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 中对变量和函数声明的“提前(hoist)”的那些事儿

JavaScript 变量声明提前

JavaScript--声明提前

javascript变量声明提升(hoisting)

JavaScript 函数声明与函数表达式的区别 函数声明提升(function declaration hoisting)

javascript变量声明 及作用域