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();

结果都为输出:

HelloWorld!

注意:只有function关键字声明的函数可以被声明提前

区别:

以function关键字和直接量方式创建的函数函数体固定,无法在运行时动态执行。

以newFunction()方式创建的函数,因为函数体是字符串,可以在运行时动态创建,修改,执行字符串格式的函数体。

不过,以Function对象创建的函数执行效率较低。

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

匿名函数与Function()构造函数用法相似;不同的是匿名函数在使用时只被解析一次,而作为字符串传递给Function()构造函数的JavaScript代码则在每次调用构造函数时都要被解析和编译一次。

还有一点值得注意的是,变量的作用域,Function()构造函数变量作用域是全局的。

例如:

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

相关推荐