我也不知道的js - let/var提升原理(var/let hoisting)

以前不怎么认真读js的MDN文档,后来看到了一位大佬对var/let/const 变量提升做了详细解释之后 有所顿悟,但是还有不明白的地方,自此记录下来,以免忘记

由于篇幅太长,我就不自己打一遍了,看看大佬的原文吧:我用了两个月的时间才理解 let

我的疑问

在大佬的文章里有这两段代码

代码1:
var foo
function foo(){}
console.log(foo)

代码2:
function foo(){}
var foo
console.log(foo)

问输出的是什么,你要是看了原文,你会发现大佬的这句话

答案:由于 function 比 var 多一个「赋值」过程,所以两个代码的输出都是函数。你也可以记住结论:function 比 var 牛逼。

但是我觉得大佬也没研究透,我想了想,也没研究透,仅仅做了几个设想

js的变量提升是有优先级的,var 的优先级比function的优先级高,也就是说无论你把var foo放哪里,都是先创建、初始化变量foo,然后再创建、初始化、赋值function foo,这样解释的话可以对代码1进行分解:a. 先创建变量a,然后初始化未undefined。 b.再创建function的变量、初始化、同时赋值未function(){}。c. 执行到var foo的时候 没有赋值,所以不做改动。 最终输出foo就是foo这个方法了
根据刚刚的,然后对 代码2 进行解析。解析步骤你会发现是一样的,最终你那个输出的都是foo的function。猜想和结论是一样的

结论: js引擎在执行代码的时候,从上到下

创建执行环境(执行域,各种叫法不一)
寻找有没有var的变量,进行提升(创建、初始化为undefined)
寻找有没有function的声明,进行提升(创建、初始化undefined,赋值)(这里我也不知道function还用不用初始化为undefined,因为还得赋值,有点多此一举,这可能只有js引擎开发的团队才知道了)
let跟var也是一样的,也会提升,仅仅创建,不做初始化

另一个猜想,就是大佬说的,function比var牛逼,但是我觉得,哈哈,不说了
欢迎大佬们指出帮助解惑

全部评论

相关推荐

咦哟,从去年八月份开始长跑,两处实习转正都失败了,风雨飘摇,终于拿到offer了更新一下面试记录:秋招:多部门反复面试然后挂掉然后复活,具体问了啥已经忘了,只是被反复煎炸,直至焦香😋春招:base北京抖音hr打来电话说再次复活,准备面试,gogogo北京抖音一面:六道笔试题:1.promise顺序2.定义域问题3.flat展开4.并发请求5.岛屿数量算法(力扣)深度,广度都写6.忘记了,好像也是算法,难度中等其他问题多是框架底层设计,实习项目重难点~~~秒过😇北京抖音二面:三道笔试题:(为什么只有三道是因为第三道没做出来,卡住了)1.中等难度算法(忘记啥题了,应该是个数组的)2.认识js的继承本质(手写继承模式,深入js的面相对象开发)3.手写vue的响应式(卡在了watch,导致挂掉)---后知后觉是我的注册副作用函数写得有问题,有点紧张了其他题目多是项目拷打,项目亮点,对实习项目的贡献~~~第二天,挂,but立马复活转战深圳客服当天约面深圳客服一面:六道笔试题,由于面过太多次字节,面试官叫我直接写,不用讲,快些写完😋,具体都是些继承,深拷贝(注意对数组对象分开处理,深层次对象,循环引用),加中等难度算法题~~~秒过深圳客服二面:口诉八股大战:大概囊括网络,浏览器渲染原理,动画优化,时间循环,任务队列等等(你能想到的简单八股通通拉出来鞭尸😋)算法题:笔试题6道:1:找出数组内重复的数,arr[0]-arr[n]内的数大小为[1-n],例如[1,2,2,3,3]返回[2,3],要求o(n),且不使用任何额外空间(做到了o(n),空间方面欠佳,给面试官说进入下一题,做不来了)2:原滋原味的继承(所以继承真滴很重要)3:力扣股票购买时机难度中等其他滴也忘记了,因为拿到offer后鼠鼠一下子就落地了,脑子自动过滤掉可能会攻击鼠鼠的记忆😷~~~秒过深圳客服三面:项目大战参与战斗的人员有:成员1:表单封装及其底层原理,使用成本的优化,声明式表单成员2:公司内部库生命周期管理成员3:第三方库和内部库冲突如何源码断点调试并打补丁解决成员4:埋点的艺术成员5:线上项目捷报频传如何查出内鬼成员6:大文件分片的风流趣事成员7:设计模式对对碰成员8:我构建hooks应对经理的新增的小需求的故事可能项目回答的比较流利,笔试题3道,都很简单,相信大家应该都可以手拿把掐😇~~~过过过无hr面后续煎熬等待几天直接hr打电话发offer了,希望大家也可以拿到自己心仪的offer
法力无边年:牛哇,你真是准备得充分,我对你没有嫉妒,都是实打实付出
查看19道真题和解析
点赞 评论 收藏
分享
水墨不写bug:疑似没有上过大学
点赞 评论 收藏
分享
评论
1
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务