JS的解析与执行过程—全局预处理阶段之命名冲突的处理策略
有如下代码：
<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的解析与执行过程—全局预处理阶段之命名冲突的处理策略的更多相关文章
- JS的解析与执行过程—全局预处理阶段之全局词法环境对象
问题:有如下代码 var a = 1; function pop() { alert(a); var a = 5; } pop();//执行结果,弹出undefined 这段代码的执行结果为undef ...
- JS的解析与执行过程—函数预处理
声明:之所以分为全局预处理与函数预处理,只是为了理解方便,其实在实际运行中二者是不分先后的. 函数预处理阶段与全局预处理的差别: 函数每调用一次,就会产生一个LexicalEnviroment对象,在 ...
- JS的解析与执行过程
JS的解析与执行过程 全局中的解析和执行过程 预处理:创建一个词法环境(LexicalEnvironment,在后面简写为LE),扫描JS中的用声明的方式声明的函数,用var定义的变量并将它们加到预处 ...
- js全局的解析与执行过程
先看下面实例的执行结果: alert(a);//undefined alert(b);//报错 alert(f);//输出f函数字符串 alert(g);//undefined var a = 1; ...
- JS引擎线程的执行过程的三个阶段（二）
继续JS引擎线程的执行过程的三个阶段(一) 内容, 如下: 三. 执行阶段 1. 网页的线程 永远只有JS引擎线程在执行JS脚本程序,其他三个线程只负责将满足触发条件的处理函数推进事件队列,等待JS引 ...
- JS引擎线程的执行过程的三个阶段（一）
浏览器首先按顺序加载由<script>标签分割的js代码块,加载js代码块完毕后,立刻进入以下三个阶段,然后再按顺序查找下一个代码块,再继续执行以下三个阶段,无论是外部脚本文件(不异步加载 ...
- js函数的解析与执行过程
function f(a,b,c){ alert(a);//函数字符串 alert(b); var b = 5; function a(){ } } f(1,2); //预处理 lexicalEnvi ...
- openWRT自学---基于backfire版本，分析其Make命令的执行过程和各阶段的主要产物
准备阶段:从SVN下载backfire的编译环境(位置是:svn co svn://svn.openwrt.org/openwrt/branches/backfire),然后按照openWRT的要求, ...
- js的解析--预处理(三)
js的解析与执行过程 分全局 {预处理阶段和执行阶段} 函数{预处理函数和执行阶段} 1/创建词法环境(环境上下文) LexicalEnvironment === window { } ...
随机推荐
- solr启动时报错org.apache.solr.common.SolrException: undefined field text的解决办法
solr启动时报错org.apache.solr.common.SolrException: undefined field text的解决办法 原创 2015年08月21日 20:47:40 标签: ...
- Geany IDE搭建
http://blog.sina.com.cn/s/blog_567e650201010x5e.html
- [Javascript] Transduce over any Iteratable Collection
So far we've been transducing by manually calling .reduce() on arrays, but we want to be able to tra ...
- Hdu4786
Fibonacci Tree Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) T ...
- 从事IT， 中国IT人员最值得骄傲的时候
大学的专业是学习经济与贸易的,后来接触了IT产业,于是乎自己对IT产业的经济王国就特别感兴趣,经济和IT 就像自己的老婆情人一样.令人着迷不舍. IT热和互联网热现在相信人尽皆知.我想告诉那些即将成为 ...
- android:为TextView加入样式——下划线，颜色，设置链接样式及前背景色
实现下划线及颜色设置: public class AtActivity extends Activity { LinearLayout ll; /** Called when the acti ...
- java9新特性-6-多版本兼容jar包
1.官方Feature 238: Multi-Release JAR Files 2.使用说明 当一个新版本的Java出现的时候,你的库用户要花费数年时间才会切换到这个新的版本.这就意味着库得去向后兼 ...
- Activity的启动模式和onNewIntent()
1:首先,在默认情况下,当您通过Intent启到一个Activity的时候,就算已经存在一个相同的正在运行的Activity,系统都会创建一个新的Activity实例并显示出来.为了不让Activit ...
- 写给自己的Java程序员学习路线图_转载
如下是我做开发这三年经常使用一些技术和工具,当然这些技术也都是需要加强的(有些是我一直使用的,不过不深入,有些内部的原理等等不是很清楚) 前端部分: 1)HTML:网页的核心语言,构成网页的基础 2) ...
- caioj 1080 动态规划入门（非常规DP4：乘电梯）(dp数组更新其他量)
我一开始是这么想的 注意这道题数组下标是从大到小推,不是一般的从小到大推 f[i]表示从最高层h到第i层所花的最短时间,答案为f[1] 那么显然 f[i] = f[j] + wait(j) + (j ...