JavaScript之Function和function简单区分

发布于 2022-10-15 05:22:50 字数 2114 浏览 29 评论 0

JavaScript之Function和function简单区分

同事给发了一段JS代码,是关于函数定义方式的,如下面所示:

Js代码

  1. var a = new Function("document.write('a')");
  2. var b = function(){document.write('b');}
  3. function c(){
  4.         document.write('c');
  5. }
  6. a();
  7. b();
  8. c();

复制代码执行后结果为:abc

后两种定义方式较常用,其中变量'b'是指向匿名函数的一个引用,'c'是一个被赋予了函数体的函数。
对第一种方式,在查询了若干资料后做一个小结。

Function 是Javascript的內置对象,而function(注意大小写)就是从它派生出来的,Function是一种引用类型(Functions are, of course, reference types.)。个人推测类似于第2种匿名函数的引用。
Function实例构造方式:
var instanceName = new Function([arg1 [, arg2 [, ...]] ,] body);
前几项为参数,最后为函数体,如:

Js代码

  1. var myAdd = new Function("x", "y", "return x + y");
  2. var sum = myAdd(17, 34);

复制代码执行后sum的值为51。

Function()构造函数允许我们动态地创建和编译一个函数,它不会将我们限制在function语句预编译的函数体中。这样做带来的负面影响效应就是每次调用一个函数时,Function()构造函数都要对它进行编译。因此,在循环体中或者在经常使用的函数中,我们不应该频繁地调用这个构造函数。

匿名函数与Function()构造函数用法相似;不同的是匿名函数在使用时只被解析一次,而作为字符串传递给Function()构造函数的 JavaScript代码则在每次调用构造函数时都要被解析和编译一次。
还有一点值得注意的是,变量的作用域,Function()构造函数变量作用域是全局的。
例如:

Js代码

  1. var y="global";
  2. function constructFunction()
  3. {
  4.     var y="local";
  5.     var fun = new Function("alert(y);");//不捕捉局部作用域。
  6.     fun();
  7. }
  8. constructFunction();

复制代码弹出提示框是:global

参考:http://blog.csdn.net/rosten/archive/2010/03/07/5353694.aspx

         http://www.pjhome.net/article.asp?id=625

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文