码迷,mamicode.com
首页 > Web开发 > 详细

JS---函数名和变量名重名

时间:2019-07-04 00:53:48      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:声明式   思考   函数声明   函数名   值类型   post   定义   一起   --   

继续作用域的问题,今天上午看了一会,下午看又看到了一个类型的题,函数名和变量名相同的问题。之前还不会觉得函数名和变量名重名了会有什么冲突。也是没有去测试过。。懒了。直接贴代码:

技术图片

运行之后大家猜测结果是多少?一口气:100!!我果然是好大的口气,没有思考直接给出答案,实在是不太好的习惯。

技术图片

出乎意料的报错了,有点一头雾水的感觉。但是一步一步的去分析的话,还是可以明白为什么会是这个答案。

首先这道题需要和JS的预编译阶段挂钩了,也就是在执行代码之前,需要准备的上下文环境;在预编译阶段要准备需要使用到的变量、函数等资源。

变量和变量表达式在预编译阶段得到的是声明,而没有赋值,得到undefined;

声明式函数在预编译阶段得到的是赋值,没错,就是直接赋值。

并且准备资源的顺序是有先后的,先预编译 参数  > 函数 > 变量;

到函数和变量的预解析:

1)函数声明会置顶
2)变量声明也会置顶
3)函数声明比变量声明更置顶:(函数在变量上面)
4)变量和赋值语句一起书写,在js引擎解析时,会将其拆成声明和赋值2部分,声明置顶,赋值保留在原来位置
5)声明过的变量不会重复声明

 

那么这道题可以解析为:

技术图片

这个时候就可以很好的理解为什么 a() 这个结果是报错说a不是一个function了,人家本来就已经不是function了,已经重新定义赋值为值类型了,当然要报错咯。

JS---函数名和变量名重名

标签:声明式   思考   函数声明   函数名   值类型   post   定义   一起   --   

原文地址:https://www.cnblogs.com/taohuaya/p/11129729.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!