JavaScript中的Function和function
程序员文章站
2022-05-09 15:53:28
...
首先,来看w3c对函数的定义:在javascript中,函数也是以对象的形式存在的,每个函数都是Function对象的实例。
Function 是Javascript的內置对象,而function(注意大小写)就是从它派生出来的。
javascript创建函数有三种方式:
1.使用function关键字声明函数。
2.使用直接量的方式声明函数。
3.使用Function对象构造方法创建函数。
各种方法创建函数如下:
执行以上函数:
结果都为输出:
Hello World!
注意:只有function关键字声明的函数可以被声明提前
区别:
以function关键字和直接量方式创建的函数函数体固定,无法在运行时动态执行。
以new Function()方式创建的函数,因为函数体是字符串,可以在运行时动态创建,修改,执行字符串格式的函数体。
不过,以Function对象创建的函数执行效率较低。
Function()构造函数允许我们动态地创建和编译一个函数,它不会将我们限制在function语句预编译的函数体中。这样做带来的负面影响效应就是每次调用一个函数时,Function()构造函数都要对它进行编译。因此,在循环体中或者在经常使用的函数中,我们不应该频繁地调用这个构造函数。
匿名函数与Function()构造函数用法相似;不同的是匿名函数在使用时只被解析一次,而作为字符串传递给Function()构造函数的 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();
上一篇: 02_Java通信_JNDI_demo1
下一篇: JS 构造函数