JavaScript中的Function和function

最新推荐文章于 2024-01-13 22:38:34 发布

原创最新推荐文章于 2024-01-13 22:38:34 发布 · 516 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #Function #function #ViewUI

Web前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了JavaScript中函数的三种创建方式：使用function关键字、直接量方式及Function对象构造方法，并对比了它们之间的区别，如作用域、执行效率及动态创建能力等。

首先，来看w3c对函数的定义：在javascript中，函数也是以对象的形式存在的，每个函数都是Function对象的实例。
Function 是Javascript的內置对象，而function（注意大小写）就是从它派生出来的。
javascript创建函数有三种方式：
1.使用function关键字声明函数。
2.使用直接量的方式声明函数。
3.使用Function对象构造方法创建函数。
各种方法创建函数如下：


     function sayHello1(){
       document.write("Hello World!");
     }
     var sayHello2 = function(){
       document.write("Hello World!");
     }
     var sayHello3 = new Function("document.write('Hello World!');")

执行以上函数：


sayHello1();
sayHello2();
sayHello3();

结果都为输出：
Hello World!
注意：只有function关键字声明的函数可以被声明提前

区别：
以function关键字和直接量方式创建的函数函数体固定，无法在运行时动态执行。
以new Function()方式创建的函数，因为函数体是字符串，可以在运行时动态创建，修改，执行字符串格式的函数体。
不过，以Function对象创建的函数执行效率较低。

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

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


var a="global";  
function constructFunction()  
{  
    var a="local";  
    var fun = new Function("alert(y);");//不捕捉局部作用域。  
    fun();  
}  
constructFunction();