有如下代码：

 <body>

     <script>

         alert(f);

         function f() {

             console.log("fff");

         }

         var f = 5;

     </script>

 </body>

不论var f 与function f 的先后顺序如何，该代码执行的结果总是弹出function f 的字符串，为什么呢？像这种函数与变量命名冲突时JS的处理原则又是什么？

在扫描函数声明与变量声明的时候，是先扫描函数声明(function fn())，后扫描变量声明(var a)的;

  • 处理函数声明有冲突，会覆盖；
  • 处理变量声明有冲突，会忽略；

上面代码中，由于先扫描函数声明，所以LexicalEnviroment对象中先存在了 f 指向函数的引用，然后扫描到变量的时候发现变量名冲突，忽略这个变量，所以总是弹出函数字符串。

也就是说，在JS中函数的优先级是高于变量的。相同优先级以后面的为准，不同优先级以级别高的为准。

然后当存在两个同名函数时，会覆盖，所以总是指向后一个函数的，这点就像声明两个同名变量一样。

总结：有如下代码：

     <script>

         alert(a);

         // alert(b);

         alert(f);

         alert(g);

         var a = 5;

         b = 6;

         alert(b);

         function f() {

             console.log("fff");

         }

         var g = function() {

             console.log("ggg");

         }

         alert(g);

     </script>

这段代码在预处理阶段，分别扫描函数声明和变量声明，加入到全局对象window中：

 window = {

             f: 函数引用,

             a: undefined,

             g: undefined

         }

注意，由于函数 g 是以函数表达式的方式声明的，所以在预处理时会当作一个变量，其值为undefined，所以上面代码执行结果为弹出undefined, f 的字符串表示, undefined

然后走过了var a = 5; b = 6;之后window对象变为：

 window = {

             f: 函数引用,

             a: 5,

             b: 6,

             g: undefined

         }

所以此时alert(b)弹出6；

因为在JS中不用var声明，直接写的变量默认为全局变量(window的)，此时直接不用预处理而直接一步加到全局对象中，预处理的undefined被赋值。

然后走过函数f与函数g的表达式，此时g也指向函数，所以最后alert(g)弹出g的字符串。

JS的解析与执行过程—全局预处理阶段之命名冲突的处理策略的更多相关文章

  1. JS的解析与执行过程—全局预处理阶段之全局词法环境对象

    问题:有如下代码 var a = 1; function pop() { alert(a); var a = 5; } pop();//执行结果,弹出undefined 这段代码的执行结果为undef ...

  2. JS的解析与执行过程—函数预处理

    声明:之所以分为全局预处理与函数预处理,只是为了理解方便,其实在实际运行中二者是不分先后的. 函数预处理阶段与全局预处理的差别: 函数每调用一次,就会产生一个LexicalEnviroment对象,在 ...

  3. JS的解析与执行过程

    JS的解析与执行过程 全局中的解析和执行过程 预处理:创建一个词法环境(LexicalEnvironment,在后面简写为LE),扫描JS中的用声明的方式声明的函数,用var定义的变量并将它们加到预处 ...

  4. js全局的解析与执行过程

    先看下面实例的执行结果: alert(a);//undefined alert(b);//报错 alert(f);//输出f函数字符串 alert(g);//undefined var a = 1; ...

  5. JS引擎线程的执行过程的三个阶段（二）

    继续JS引擎线程的执行过程的三个阶段(一) 内容, 如下: 三. 执行阶段 1. 网页的线程 永远只有JS引擎线程在执行JS脚本程序,其他三个线程只负责将满足触发条件的处理函数推进事件队列,等待JS引 ...

  6. JS引擎线程的执行过程的三个阶段（一）

    浏览器首先按顺序加载由<script>标签分割的js代码块,加载js代码块完毕后,立刻进入以下三个阶段,然后再按顺序查找下一个代码块,再继续执行以下三个阶段,无论是外部脚本文件(不异步加载 ...

  7. js函数的解析与执行过程

    function f(a,b,c){ alert(a);//函数字符串 alert(b); var b = 5; function a(){ } } f(1,2); //预处理 lexicalEnvi ...

  8. openWRT自学---基于backfire版本，分析其Make命令的执行过程和各阶段的主要产物

    准备阶段:从SVN下载backfire的编译环境(位置是:svn co svn://svn.openwrt.org/openwrt/branches/backfire),然后按照openWRT的要求, ...

  9. js的解析--预处理(三)

    js的解析与执行过程  分全局  {预处理阶段和执行阶段}  函数{预处理函数和执行阶段}   1/创建词法环境(环境上下文) LexicalEnvironment   === window { } ...

随机推荐

  1. C++ double转string类型以及MFC控件简单使用方法

    这两天项目须要,測试c++库里面内容.生成jar再给Android调用.我没有学过C++,如今開始记录C++简单使用方法.測试时候一般都是使用mfc程序来測试.要输入值.显示结果吗.我用的编译环境vs ...

  2. nodejs01

    一.Node.js简介 1.1 简介 V8引擎本身就是用于Chrome浏览器的JS解释部分,但是Ryan Dahl这哥们,鬼才般的,把这个V8搬到了服务器上,用于做服务器的软件. Node.js是一个 ...

  3. Android-加载大图，照片墙的实现

    照片墙这种功能现在应该算是挺常见了,在很多应用中你都可以经常看到照片墙的身影.它的设计思路其实也非常简单,用一个GridView控件当作“墙”,然后随着GridView的滚动将一张张照片贴在“墙”上, ...

  4. github下载速度慢解决方法

    1.获取 global.ssl.fastly地址 访问 http://github.global.ssl.fastly.net.ipaddress.com/#ipinfo 获取cdn域名以及ip地址  ...

  5. NodeJS学习笔记 (20)错误处理-error

    文章地址 https://github.com/chyingp/nodejs-learning-guide

  6. iOS开发——根据数组中的字典中的某一元素排序

    数组中的元素是字典,字典中的某一个元素,比如说姓名,现在需要按照姓名的首字母来排序,怎么搞? 做法很简单,在字典中加一个元素,保存姓名的首字母,然后用下面的方法排序. - (void)sortWifi ...

  7. 【noip2016】蚯蚓（单调性+队列）

    题目贼长 大意是你有n个线段,每一秒你要拿出来最长的一个线段切成两段长度为[p*u](向下取整)和u-[p*u]两段(其中u是线段长,p是一个大于0小于1的实数)没被切的线段长度加q(0<q&l ...

  8. request.getxxxxxx()的使用方法

    request.getSchema() 可以返回当前页面使用的协议,http 或是 https; request.getServerName() 可以返回当前页面所在的服务器的名字; request. ...

  9. jumpserver 新建用户收不到邮件

    在设置邮件开启pop3/smtp/imap 时 会提示要设置授权码 重启jumpserver 遇到错误  163 邮箱没有收到密码 点击更新没有效果 测试连接成功以后 ,删除用户 ,然后 重新 创建一 ...

  10. django 在非空的字段里插入现象表述

    1.char 类型设置为非空 对于字段不赋值 默认储存为''(空字符串) 2.int 类型设置为非空 对于字段不赋值 单条插入 报错        多条数据同时插入 默认设置为0