代码改变世界

Function和function

2011-10-19 10:43  呦菜  阅读(447)  评论(0编辑  收藏  举报

昨天看一篇技术文章的时候遇到了以下的代码:

    var y = "global";
    function constructFunction() {
    var y = "local";
    return new Function("return y");  //  无法获取局部变量
    }
    alert(constructFunction()());  // 输出 "global"

刚开始看到这段代码的时候便有两个疑问:

1.new Function("return y");这是什么写法?

2.为什么最后输出的是“global”而不是“local”。

后来才发现了一个关键的问题,那就是太粗心没有发现Function的大小写~~~即functionFunction的区别:

var str1 = "aa";
var str2 = "bb";
var str3 = "cc";
var a = new Function("document.write(str1)");   
  
var b = function(){document.write(str2);}  
  
function c(){  
    document.write(str3);  
}  
  
a();  
b();  
c();

结果输出为:aabbcc

Function是Javascript的内置对象,而function是从他派生出来的,Function是一种引用类型。

Function实例构造函数方式:

var instancrName = new Function(x1,x2,x3,z);

前几项为参数,最后为函数体,如:

var myAdd = new Function("x", "y", "return x + y"); 
var sum = myAdd(17, 34);  

执行后sum的值为51。

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

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

所以在   return new Function("return y"); // 无法获取局部变量,只能获取全局变量