JS.002:关于预解析需要注意的那点事

小脑斧

都晓得预解析是提前解析代码。so看看下面代码，结果是多少呢

1. f1();//调用
   
2. function f1() {
   
3. console.log(num);
   
4. var num=10;
   
5. }
   

复制代码

相信自己第一感觉，是不是觉得答案是：10？

再来试试这个：

1. f1();//调用
   
2. var num=20;//这个变量的声明会提升到变量使用之前
   
3. function f1() {
   
4. console.log(num);
   
5. //var num=10;
   
6. }
   

复制代码

结果是20？

其实两个代码的结果应该是：undefined，undefined

                                           why????

解释：预解析是会将声明提前到当前作用域之前，实际第一个的代码顺序如下：

1. function f1() {
   
2. var num;
   
3. console.log(num);//结果已经输出，赋值失败
   
4. num=10;
   
5. }
   
6. f1();

复制代码

那个num的值怎么没有输出，关键：预解析只会将声明提前，不会将赋值提前，对于没有赋值的num输出当然是undefined;

第二个代码，解析顺序如下：

1. var num;//这个变量的声明会提升到变量使用之前
   
2. function f1() {
   
3. console.log(num);
   
4. }
   
5. f1(); //调用
   
6. num=20;

复制代码

结果很明显：undefined

如有错误，欢迎敲打

Hello.

liuzhengyuan

Hello. 发表于 2020-5-1 20:16

你们都是怎么分页的？

Hello.

liuzhengyuan 发表于 2020-5-1 20:24
你们都是这么分页的？

√

liuzhengyuan

Hello. 发表于 2020-5-1 20:26
√

打错了
应给是“怎么”

小脑斧

liuzhengyuan 发表于 2020-5-1 20:24
你们都是怎么分页的？

有个分页按钮，图里第一个就是

liuzhengyuan

小脑斧 发表于 2020-5-1 20:38
有个分页按钮，图里第一个就是

wow，谢谢

小脑斧

Hello. 发表于 2020-5-1 20:26
√

你的图片是直接粘贴还是上传图片显示的？我每次都得截屏保存图片再上传

Hello.

小脑斧 发表于 2020-5-1 21:17
你的图片是直接粘贴还是上传图片显示的？我每次都得截屏保存图片再上传

上传