在Javascript中定义一个函数，有两种写法：
第一种是：function ftn(){}
另外一种是:var ftn = function(){}.
笔者说这两种写法是完全等价的。但是在解析前，前一种写法会被解析器自动提升到代码的头部，因此违背了函数先定义后使用的原则，所以建议定义函数时候，全部采用后一种写法。
看完这句话，我第一个感觉是两个在使用时候是完全一致的，只是解析上有所差异。但是他的解释“前一种写法会被解析器自动提升到代码的头部”让我很困惑。
如是我有了下面第一个测试：
1 function ftn() 2 { 3 alert('old'); 4 } 5 6 var b = ftn; 7 8 function ftn() 9 { 10 b(); 11 alert('new'); 12 } 13 14 ftn();//浏览器报内存溢出
接下来我做了第二个测试：
1 var ftn = function() 2 { 3 alert('old'); 4 } 5 6 var b = ftn; 7 8 var ftn = function() 9 { 10 b(); 11 alert('new'); 12 } 13 14 ftn();//old,new依次弹出
网上的对这个解释是：第一种方式，刚开始其实没有重新定义ftn这个Function而在里面执行了其本身。第二种方式，ftn=function()这里没有执行到Function里面的代码ftn已经被重新定义了，所以这里的重定义是有效的。
但是这种解释让我感觉还是云里雾里，那么我再做了一个下面的测试：
1 function ftn() 2 { 3 alert('old'); 4 } 5 6 var b = ftn; 7 8 function ftn() 9 { 10 b(); 11 alert('new'); 12 } 13 14 alert(b);//结果是重新定义的ftn内容
测试结果发现，重新定义ftn后，b的内容也会随着改变。
下面我又做了两外一个测试：
1 var ftn = function() 2 { 3 alert('old'); 4 } 5 6 var b = ftn; 7 8 var ftn = function() 9 { 10 b(); 11 alert('new'); 12 } 13 14 alert(b);//结果是老的ftn内容
这样就很有意思了，在javascript里面除了基本数据类型，其他类型都是对象，对象是存在堆里面，它的别名是存在栈里面的地址，后一种测试很明显可以用这样的原理来理解。那么前面的测试为什么b会随着ftn的重新定义而改变了？
我有一种新解释，不知道对不对，在所有的讲javascript书里都会提到，javascript里面是没有方法重载的，后面定义的重名function会覆盖前面的function，var b = ftn;这句话是把b和ftn的引用指向同一个堆里面的内存，而重新定义function ftn(){}后，新的function对象覆盖了老的对象，而b和ftn引用的堆地址空间没变，如果真是这样，那么这种写法就合理了：
1 function ftn() 2 { 3 alert('old'); 4 } 5 6 var b = ftn; 7 8 var ftn = function() 9 { 10 b(); 11 alert('new'); 12 } 13 14 alert(b);//老的ftn 15 alert(ftn);//新的ftn 16 ftn();//old ,new
这样新的ftn在栈里面的地址改变了，指向了新的function对象的定义，而原来的function没有被覆盖，还保存，所以b还是老的ftn引用的地址。
最新评论