函数的引用, 对于内存的开销。
请看如下代码:
1
var
arr
=
[];
2 var cc = function (){alert( ' xx ' );};
3
4
5 for ( var i = 0 ; i < 2 ; i ++ ){
6
7 arr[i] = function (){alert( ' yy ' );}
8 arr[i + 10 ] = cc;
9 }
10
11 console.group( ' 开始 ' )
12 console.group( ' 1 ' )
13 console.info( arr[ 0 ] == arr[ 1 ]);
14 console.info( arr[ 0 ] === arr[ 1 ]);
15
16 console.info( arr[ 0 ].toString());
17 console.info( arr[ 1 ].toString());
18 console.groupEnd( ' 1 ' )
19
20
21 console.group( ' 2 ' )
22 console.info( arr[ 10 ] == arr[ 11 ]);
23 console.info( arr[ 10 ] === arr[ 11 ]);
24
25 console.info( arr[ 10 ].toString());
26 console.info( arr[ 11 ].toString());
27 console.group()
28 console.groupEnd( ' 开始 ' );
2 var cc = function (){alert( ' xx ' );};
3
4
5 for ( var i = 0 ; i < 2 ; i ++ ){
6
7 arr[i] = function (){alert( ' yy ' );}
8 arr[i + 10 ] = cc;
9 }
10
11 console.group( ' 开始 ' )
12 console.group( ' 1 ' )
13 console.info( arr[ 0 ] == arr[ 1 ]);
14 console.info( arr[ 0 ] === arr[ 1 ]);
15
16 console.info( arr[ 0 ].toString());
17 console.info( arr[ 1 ].toString());
18 console.groupEnd( ' 1 ' )
19
20
21 console.group( ' 2 ' )
22 console.info( arr[ 10 ] == arr[ 11 ]);
23 console.info( arr[ 10 ] === arr[ 11 ]);
24
25 console.info( arr[ 10 ].toString());
26 console.info( arr[ 11 ].toString());
27 console.group()
28 console.groupEnd( ' 开始 ' );
在火狐的firebug中的控制台运行结果如下图:
分析:
第五行代码的循环开始,循环结束后 arr数组得到的结果为:
arr[0] = function(){ alert('yy'); }
arr[1] = function(){ alert('yy'); }
arr[10] = cc
arr[11] = cc
可以看出来, 控制台进行结果,上图。
arr[0] 不等于 arr[1]
但是 arr[10] 等于 arr[11] , 因为它引用了前面定义的变量。
其实在循环的过程中都在重新定义函数function(){alert('yy');}
arr[0] 和 arr[1]的toString 输出的内容是相同的。 但是两个是独立的方法, 占用各自的内存,所以为了省内存, 可以用于把函数定义在循环外。
函数定义在循环外面的前提条件是,函数没有接受在循环内变化的变量。