javascript笔记:javascript里面不同function定义的区别
2016-09-27 14:06
1381 查看
javascript笔记:javascript里面不同function定义的区别
今天看到javascript的一条经验的总结,总结如下:在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引用的地址。
刚刚写了一篇对javascript里面function理解的文章,回头再思考下我这边文章的内容,觉得自己通过测试的结果的理解还是有点问题,其实理解还是要从编译,运行的原理进行思考。javascript都是在执行代码时候才编译代码,因此我们var定义的类型可以不定,我们封装的对象还时候添加属性和方法,因此可以这么理解我标题所带来的问题,javascript一般的语言,例如定义一个变量var obj = new Object()只是做了一个很初的处理,在javascript里面叫做预编译,这种预编译的能力很弱,弱到你可以随便更改,而不会影响程序的运行,当对象被调用时候,javascript解释器才会进行编译,然后运行代码,这和java很不一样,java是先把代码编译好,调用他的时候才运行,这就是脚本语言的特点,所以脚本语言大多不快。但是当你这么定义函数:fonction
ftn(){},这种就把代码进行了编译,也就是执行过了,这种写法和java函数的定义很相似了。这是我的新解,我觉得这个解释更加合理些。
相关文章推荐
- javascript笔记:javascript里面不同function定义的区别
- javascript笔记:javascript里面不同function定义的区别
- Javascript 两种 function 定义的区别
- javascript两种不同形式函数定义的区别
- javascript两种function的定义介绍及区别说明
- Javascript 两种 function 定义的区别
- JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
- JavaScript 中定义函数时用 var foo = function () {} 和 function foo() 的区别
- Javascript定义function的区别
- javascript两种function的定义介绍及区别说明
- javascript之var与function定义的区别
- JavaScript 中,定义函数时用 var foo = function () {} 和 function foo() 有什么区别?
- Javascript 两种 function 定义的本质区别
- javascript定义函数不同方式的区别
- javascript两种function的定义介绍及区别说明
- JavaScript中:表达式和语句的区别 —— function和对象直接量 不能匿名定义解惑
- javascript笔记:深入理解javascript的function
- javascript function.call()调用方式与function()的区别
- JavaScript里面三个等号和两个等号的区别
- Javascript 使用function定义构造函数