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

JavaScript之Function和function简单区分

程序员文章站 2022-05-13 10:20:29
...
Js代码
var a = new Function("document.write(a)");

var b = function(){document.write(b);}

function c(){
document.write(c);
}

a();
b();
c();
执行后结果为:abc

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

Function 是Javascript的?戎枚韵螅??unction(注意大小写)就是从它派生出来的,Function是一种引用类型(Functions are, of course, reference types.)。个人推测类似于第2种匿名函数的引用。
Function实例构造方式:
var instanceName = new Function([arg1 [, arg2 [, ...]] ,] body);
前几项为参数,最后为函数体,如:
Js代码
var myAdd = new Function("x", "y", "return x + y");
var sum = myAdd(17, 34);

执行后sum的值为51。

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

匿名函数与Function()构造函数用法相似;不同的是匿名函数在使用时只被解析一次,而作为字符串传递给Function()构造函数的 JavaScript代码则在每次调用构造函数时都要被解析和编译一次。
还有一点值得注意的是,变量的作用域,Function()构造函数变量作用域是全局的。
例如:
Js代码
var y="global";
function constructFunction()
{
var y="local";
var fun = new Function("alert(y);");//不捕捉局部作用域。
fun();
}
constructFunction();

相关标签: JavaScript