函数声明和声明变量同时存在,提升的规则是什么?

这是一道新鲜的刚刚出炉的题目,目前只有2个回答,处于未解决状态。
题目链接在这:https://segmentfault.com/q/1010000009426686
好奇心爆棚的我听着电音思考了一发,应该没错吧。

var a=1;
foo();
function foo(){};

首先,我们可以把它分为4块内容

var a ;
a =1;
foo();
function foo();

我们想知道提升后排序是什么形式?
目前已知条件是,变量声明会提升到变量赋值之前,所以我们可以先将变量声明放到前两位,暂时不管其内部顺序:

var a ;
function foo(){};
a=1;
foo();

接下来我们来分别确定声明和赋值模块的内部排序。
为了进行实验,我们对foo函数进行扩充,所以现在的排序为:

var a;
function foo(){console.log(a+1)};
a=1;
foo();

先不要管为什么这么改,我们继续实验,实验过程中会理解。
为了便于理解,实验分两次进行。
首先:我们对变量声明模块进行实验。

var a=1;
console.log(foo);//若输出为function foo(){}则证明函数声明位于变量声明之前;若为undefined,说明相反。
foo();
function foo(){console.log(a+1)};

然后:我们对变量赋值模块进行实验。

var a=1;
foo();//若输出为undefined1,则证明foo()在a=1之前;若输出为2,则说明a=1在foo()之前。
function foo(){console.log(a+1)};

下面来进行实验:

var a=1;
console.log(foo);//若输出为function foo(){}则证明函数声明位于变量声明之前;若为undefined,说明相反。
foo();
function foo(){console.log(a+1)};

VM1099:2 function foo(){console.log(a+1)}
VM1099:4 2

根据实验结果,我们最后得出的排序结果是:

function foo(){};
var a;
a=1;
foo();

总结和反思:

1.函数声明会提升到变量声明之前。

2.提升只针对的是声明部分,即出现var funtion等的地方,后续的赋值和函数调用按照当前默认顺序依次执行。

前端菜鸟一只,若有不对的地方请及时指正!
期待与您交流!

期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:

  • SegmentFault技术圈:ES新规范语法糖
  • SegmentFault专栏:趁你还年轻,做个优秀的前端工程师
  • 知乎专栏:趁你还年轻,做个优秀的前端工程师
  • Github博客: 趁你还年轻233的个人博客
  • 前端开发QQ群:660634678
  • 微信公众号: 人兽鬼 / excellent_developers


努力成为优秀前端工程师!

你可能感兴趣的:(函数声明和声明变量同时存在,提升的规则是什么?)