转载:Javascript作用域原理
来源:互联网 发布:潮牌淘宝店铺 编辑:程序博客网 时间:2024/04/29 00:08
问题的提出
首先看一个例子:
- var func = function(lps, rps){
- var name = 'laruence';
- ........
- }
- func();
在执行func的定义语句的时候, 会创建一个这个函数对象的[[scope]]属性(内部属性,只有JS引擎可以访问, 但FireFox的几个引擎(SpiderMonkey和Rhino)提供了私有属性__parent__来访问它), 并将这个[[scope]]属性, 链接到定义它的作用域链上(后面会详细介绍), 此时因为func定义在全局环境, 所以此时的[[scope]]只是指向全局活动对象window active object.
在调用func的时候, 会创建一个活动对象(假设为aObj, 由JS引擎预编译时刻创建, 后面会介绍),并创建arguments属性, 然后会给这个对象添加俩个命名属性aObj.lps, aObj.rps; 对于每一个在这个函数中申明的局部变量和函数定义, 都作为该活动对象的同名命名属性.
然后将调用参数赋值给形参数,对于缺少的调用参数,赋值为undefined。
然后将这个活动对象做为scope chain的最前端, 并将func的[[scope]]属性所指向的,定义func时候的顶级活动对象, 加入到scope china.
有了上面的作用域链, 在发生标识符解析的时候, 就会逆向查询当前scope chain列表的每一个活动对象的属性,如果找到同名的就返回。找不到,那就是这个标识符没有被定义。
注意到, 因为函数对象的[[scope]]属性是在定义一个函数的时候决定的, 而非调用的时候, 所以如下面的例子:
- function factory() {
- var name = 'laruence';
- var intro = function(){
- alert('I am ' + name);
- }
- return intro;
- }
- function app(para){
- var name = para;
- var func = factory();
- func();
- }
- app('eve');
当调用app的时候, scope chain是由: {window活动对象(全局)}->{app的活动对象} 组成.
在刚进入app函数体时, app的活动对象有一个arguments属性, 俩个值为undefined的属性: name和func. 和一个值为’eve’的属性para;
此时的scope chain如下:
- [[scope chain]] = [
- {
- name : undefined,
- intor : undefined
- }, {
- window call object
- }
- ]
注意到, 此时的作用域链中, 并不包含app的活动对象.
在定义intro函数的时候, intro函数的[[scope]]为:
- [[scope chain]] = [
- {
- intro call object
- }, {
- name : 'laruence',
- intor : undefined
- }, {
- window call object
- }
- ]
因为scope chain中,并不包含factory活动对象. 所以, name标识符解析的结果应该是factory活动对象中的name属性, 也就是’laruence’.
所以运行结果是:
- I am laruence
现在, 大家对”JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里.”这句话, 应该有了个全面的认识了吧?
Javascript的预编译
我们都知道,JS是一种脚本语言, JS的执行过程, 是一种翻译执行的过程.
那么JS的执行中, 有没有类似编译的过程呢?
首先, 我们来看一个例子:
- <script>
- alert(typeof eve); //结果:function
- alert(typeof walle); //结果:undefined
- function eve() { //函数定义式
- alert('I am Laruence');
- };
- var walle = function() { //函数表达式
- }
- alert(typeof walle); //结果:function
- </script>
这就是函数定义式和函数表达式的不同, 对于函数定义式, 会将函数定义提前. 而函数表达式, 会在执行过程中才计算.
说到这里, 顺便说一个问题 :
- <script>
- alert(typeof eve); //结果:undefined
- </script>
- <script>
- function eve() {
- alert('I am Laruence');
- }
- </script>
明白了么? 也就是JS的预编译是以段为处理单元的…
揭开谜底
现在让我们回到我们的第一个问题:
当echo函数被调用的时候, echo的活动对象已经被预编译过程创建, 此时echo的活动对象为:
<pre sh_sourcecode"="" name="code" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word;">- [callObj] = {
- name : undefined
- }
当第一次alert的时候, 发生了标识符解析, 在echo的活动对象中找到了name属性, 所以这个name属性, 完全的遮挡了全局活动对象中的name属性.
现在你明白了吧?
- 转载:Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理
- Javascript作用域原理(转)
- JavaScript之作用域原理
- JavaScript作用域基础原理
- JavaScript之作用域原理 2
- 为什么要进行傅立叶变换,究竟有何意义?如何用MATLAB实现快速傅立叶变换?
- Oracle下复杂查询语句
- 移植自己写的printf,scanf函数
- Android自动开关机实现
- Gentoo无线网卡安装之基础知识篇(一)
- 转载:Javascript作用域原理
- 使用结构体做为标识
- (中等)动态规划Hoj 1719 Spiderman
- 对象和类
- (中等)动态规划 HOJ 1770 Old Wine Into New Bottles
- (概念题)线段树 HOJ 1119 Atlantis
- (概念题)线段树 HOJ 1495 Area of Simple Polygons
- (概念题)线段树 HOJ 1860 Mars Maps
- (简单)线段树 HOJ 2965 Magic-Pen4