首页 > 代码库 > function

function

2024-10-31 23:25:39   209人阅读

摘自网络（http://www.cnblogs.com/see7di/archive/2011/06/18/2239716.html）：

常用的写法
一般大家都用这个写法来定义一个函数：

functionName([parameters]){
functionBody
};
当我们这么定义函数的时候，函数内容会被编译（但不会立即执行，除非我们去调用它）。而且，也许你不知道，当这个函数创建的时候有一个同名的对象也被创建。就我们的例子来说，我们现在有一个对象叫做“add”（要更深入了解，看底下函数：对象节。）
 
匿名函数
我们也可以通过指派一个变量名给匿名函数的方式来定义它。
var add=function(a, b) { 
return a+b;
} 
alert(add(1,2)); // 结果 3
 
这个代码和前一个例子做了同样的事情。也许语法看起来比较奇怪，但它应该更能让你感觉到函数是一个对象，而且我们只是为这个对指派了一个名称。可以把它看做和 var myVar=[1,2,3]一样的语句。以这种方式声明的函数内容也一样会被编译。
 
我们也能够通过使用运算符new来定义一个函数。这是一个最少见的定义函数的方式并且并不推荐使用这种方式除非有特殊的理由（可能的理由见下）。语法如下：
varName=new Function([param1Name, param2Name,...paramNName], functionBody);
Example D3:

var add=new Function("a", "b", "return a+b;");
alert(add(3,4)); // 结果 7
我在这里有两个参数叫做a和b，而函数体返回a和b的和。请注意new Function(...)使用了大写F，而不是小写f。 这就告诉javascript，我们将要创建一个类型是Function的对象。 还要注意到，参数名和函数体都是作为字符串而被传递。我们可以随心所欲的增加参数，javascript知道函数体会是右括号前的最后一个字符串（如果没 有参数，你能够只写函数体）。你没必要将所有东西都写在一行里（使用\或者使用字符串连接符+来分隔长代码）。\标记告诉JavaScript在下一行查 找字符串的其余部分。例子如下：

Example D4 
var add=new Function("a", "b", 
"alert" + // 注意 "+"
"(‘adding ‘+a+‘ and ‘ +b); return a+b;"); // 和 "\"的不同用法
alert(add(3,4)); // 结果 7
 采用这种方式定义函数会导致函数并没被编译，而且它有可能会比用其它方式定义的函数要慢。至于为什么，看一下这个代码：

Example D5 
function createMyFunction(myOperator){
return new Function("a", "b", "return a" + myOperator + "b;");
}
var add=createMyFunction("+"); // 创建函数 "add" 
var subtract=createMyFunction("-"); // 创建函数 "subtract" 
var multiply=createMyFunction("*"); // 创建函数 "multiply" 
// test the functions
alert("加的结果="+add(10,2)); // 结果是 12
alert("减的结果="+subtract(10,2)); // 结果是 8
alert("乘的结果="+multiply(10,2)); // 结果是 20
alert(add);

这个有趣的例子创建了三个不同的function，通过实时传递不同的参数来创建一个新Function。因为编译器没法知道最终代码会是什么样子的，所以new Function(...) 的内容不会被编译。那这有什么好处呢？嗯，举个例子，如果你需要用户能够创建他们自己的函数的时候这个功能也许很有用，比如在游戏里。我们也许需要允许用 户添加“行为”给一个“player”。但是，再说一次，一般情况下，我们应该避免使用这种形式，除非有一个特殊的目的。
 
在jquery的parseJSON(data){return ( new Function( "return " + data ) )();}有这样一句，通过Function的函数体返回json对象，有点类似eval的感觉，字符串当作一个JavaScript表达式一样去执行它。这里不用eval用function的可能考虑到安全问题。
这里提一下，把json字符串转化成json对象的方式有三种（摘自网络）：

　　一、eval 方式：

　　var str = eval(‘(‘+ jsonString +‘)‘); 1、为什么要加括号？ 加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式（jsonString）转化为对象，而不是作为语句（statement）来执行。 例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。 2、JSON格式的名字部分为什么要加引号？ 因为eval函数会将{foo:”bar”}解释成合法的JavaScript语句，而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号，这样eval就不会错误的将JSON解释成代码块。

　　二、new Function() 方式：

　　var str = new Function( "return " + jsonString )(); 此刻用alert(str);得到的是一些 "[Object : Object]".若要看其中的值，则可以去掉Function后的"()"， 即：var str = new Function( "return " + jsonString );

　　三、native

　　if ( typeof JSON !== "undefined" ) { var str = JSON.parse( jsonString ); }

　　性能比较的结论：

　　1、在IE6、IE7中选择 eval

　　2、在IE8中选择 native JSON

　　3、在Firefox2，3 中选择 new Function

　　4、在 Safri4中选择 eval

　　5、当选择其它浏览器时，eval 和 new Function 的性能一致。

function


联系
我们