欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript中的Function和function

程序员文章站 2022-05-09 15:53:28
...
    首先,来看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();