Function和function-白红宇

Function和function

阅读量：6949 次

发布时间：2019-06-27

本文共 1111 字，大约阅读时间需要 3 分钟。

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

                  
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的大小写~~~即function和Function的区别：

                  
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()构造函数变量作用域是全局的

转载于:https://my.oschina.net/qichang/blog/36862

你可能感兴趣的文章