JavaScript之Function和function简单区分
JavaScript之Function和function简单区分
同事给发了一段JS代码,是关于函数定义方式的,如下面所示:
Js代码
- var a = new Function("document.write('a')");
- var b = function(){document.write('b');}
- function c(){
- document.write('c');
- }
- a();
- b();
- c();
复制代码执行后结果为:abc
后两种定义方式较常用,其中变量'b'是指向匿名函数的一个引用,'c'是一个被赋予了函数体的函数。
对第一种方式,在查询了若干资料后做一个小结。
Function 是Javascript的內置对象,而function(注意大小写)就是从它派生出来的,Function是一种引用类型(Functions are, of course, reference types.)。个人推测类似于第2种匿名函数的引用。
Function实例构造方式:
var instanceName = new Function([arg1 [, arg2 [, ...]] ,] body);
前几项为参数,最后为函数体,如:
Js代码
- var myAdd = new Function("x", "y", "return x + y");
- var sum = myAdd(17, 34);
复制代码执行后sum的值为51。
Function()构造函数允许我们动态地创建和编译一个函数,它不会将我们限制在function语句预编译的函数体中。这样做带来的负面影响效应就是每次调用一个函数时,Function()构造函数都要对它进行编译。因此,在循环体中或者在经常使用的函数中,我们不应该频繁地调用这个构造函数。
匿名函数与Function()构造函数用法相似;不同的是匿名函数在使用时只被解析一次,而作为字符串传递给Function()构造函数的 JavaScript代码则在每次调用构造函数时都要被解析和编译一次。
还有一点值得注意的是,变量的作用域,Function()构造函数变量作用域是全局的。
例如:
Js代码
- var y="global";
- function constructFunction()
- {
- var y="local";
- var fun = new Function("alert(y);");//不捕捉局部作用域。
- fun();
- }
- constructFunction();
复制代码弹出提示框是:global
参考:http://blog.csdn.net/rosten/archive/2010/03/07/5353694.aspx
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论