JavaScript代码运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤:
分析参数
再分析变量的声明
分析函数声明
具体步骤如下:
函数在运行的瞬间,生成一个活动对象(Active Object),简称AO
第一步:分析参数:
函数接收形式参数,添加到AO的属性,并且这个时候值为undefine,即AO.age=undefine
接收实参,添加到AO的属性,覆盖之前的undefine
第二步:分析变量声明:如var age;或var age=18;
如果上一步分析参数中AO还没有age属性,则添加AO属性为undefine,即AO.age=undefine
如果AO上面已经有age属性了,则不作任何修改
第三步:分析函数的声明:
如果有function age(){}把函数赋给AO.age ,覆盖上一步分析的值
例子1
1 function func(age) {
2 console.log(age);
3 var age = 25;
4 console.log(age);
5 function age() {
6 }
7 console.log(age);
8
9 }
10 func(18);
词法分析:
第一步,分析函数参数:
形式参数:AO.age = undefined
实参:AO.age = 18
第二步,分析局部变量:
第3行代码有var age,但此时第一步中已有AO.age = 18,故不做任何改变
即AO.age = 18
第三步,分析函数声明:
第5行代码有函数age,则将function age(){}付给AO.age,即AO.age = function age() {}
所以,执行代码时:
第2行代码运行时拿到的age是词法分析后的AO.age,结果是:function age() {};
第3行代码:25赋给age,此时age=25;
第4行代码运行时age已被赋值为25,结果25;
第5,6行代码是一个函数表达式,所以不会做任何操作;
第7行代码运行时age仍然是25,结果也是25。看看浏览器执行的结果,bingo~~
答案:function age{}; 25 ; 25;
例子2
1 function func(age) {
2 var age;
3 console.log(age);
4 var age = 25;
5 console.log(age);
6 function age() {
7 console.log(age);
8 }
9 age();
10 console.log(age);
11
12 }
13 func(18);
答案:function age(){console.log(age)} ; 25 ; age is not a function
例子3
1 function func(age) {
2 var age;
3 console.log(age);
4 function age() {
5 console.log(age);
6 }
7 age();
8 console.log(age);
9
10 }
11 func(18);
答案:3个function age(){}
例子4
1 function func(age) {
2 console.log(age);
3 var age = function age() {
4 console.log(age);
5 };
6 age();
7 console.log(age);
8 }
9 func(18);
答案:18 ;function age(){ console.log(age)} ;function age(){console.log(age)}
【注意】: function age() {console.log(age);} 内部的console.log中的age找不到age,就向上找,发现age就是方法
例子5
function a(b){
alert(b);
b = function (){
alert(b);
}
b();
}
a(1);
答案: 1; function(){alert(b);}
【注】:这里要注意的是,b=function(){alert(b);}是一个赋值过程,发生在执行过程中,不是分析过程,
同时 function() {alert(b);} 内部的b找不到b,就向上找,发现b就是方法
所以:
方法一:function t1(){}
方法二:t1 = function(){}
这两种方法效果完全不同,方法一是声明函数t1()发生在词法分析过程中,方法二是函数赋值发生在执行过程中
(function(window,undefined){
})(window)
这是jquery最外层的代码,(function(window,undefined){})内层表达式,返回值是函数,包在小括号里,当成表达式来执行
后面紧跟着一个小括号(function(window,undefined){})(window),这就是立即调用,内层函数没有起名字,就是匿名函数,不污染全局变量,立即执行,称为立即执行匿名函数表达式
问题:(function(window,undefined){})(window) 为什么传window,而又不会传undefined?
答:
1、传window是为了速度
例如一个函数:
function(){
function(){
function(){
function(){
document.get........ //这个document会沿着作用域层层上涨,知道最外层,就慢
}
}
}
}
,所以jquery就为了加快内部查找变量的速度,才直接将window以参数形式传进来,这样window就在jquery的AO上,那查找速度肯定快。
2、不传undefined是为了安全,在ie、火狐低版本中,undefined竟然可以重新赋值,如:undefined=3,
声明undefined局部变量(名字是undefined而已),同时又不传参,值自然是undefined,防止外界对undefined这个值造成污染