教程javascript的function(函数)(2)

作者:子乌 来源:蓝色理想 时间:2007-09-30 13:38:00 

匿名函数

我们也可以通过指派一个变量名给匿名函数的方式来定义它。

Example D2

CODE:

var add=function(a, b)
{                    
  return a+b;
}                    
alert(add(1,2));        // 结果 3


这个代码和前一个例子做了同样的事情。也许语法看起来比较奇怪,但它应该更能让你感觉到函数是一个对象,而且我们只是为这个对指派了一个名称。可以把它看做和 var myVar=[1,2,3]一样的语句。以这种方式声明的函数内容也一样会被编译。

当我们指派一个这样的函数的时候,我们并不一定要求必须是匿名函数。在这里,我作了和ExampleD2一样的事情,但我加了函数名“theAdd”,而且我可以通过调用函数名或者是那个变量来引用函数。

Example D2A

CODE:

var add=function theAdd(a, b)
{                    
  return a+b;
}                    
alert(add(1,2));           // 结果 3
alert(theAdd(1,2));        // 结果也是 3


使用这种方式来定义函数在面向对象编程中是很有用的,因为我们能像底下这样使一个函数成为一个对象的属性。

CODE:

var myObject=new Object();
myObject.add=function(a,b){return a+b}; 
// myObject 现在有一个叫做“add”的属性(或方法)
// 而且我能够象下面这样使用它
myObject.add(1, 2);


我们也能够通过使用运算符new来定义一个函数。这是一个最少见的定义函数的方式并且并不推荐使用这种方式除非有特殊的理由(可能的理由见下)。语法如下:

CODE:

varName=new Function([param1Name, param2Name,...paramNName], functionBody);


Example D3:

CODE:

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

CODE:

var add=new Function("a", "b",
  "alert" +                      // 注意 "+"
  "('adding '+a+' and ' +b);\    // 和 "\"的不同用法
   return a+b;");
alert(add(3,4));        // 结果 7


采用这种方式定义函数会导致函数并没被编译,而且它有可能会比用其它方式定义的函数要慢。至于为什么,看一下这个代码:

Example D5

CODE:


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”。但是,再说一次,一般情况下,我们应该避免使用这种形式,除非有一个特殊的目的。

标签:function,函数
0
投稿

猜你喜欢

  • PyQt5 closeEvent关闭事件退出提示框原理解析

    2022-10-18 05:51:17
  • php基于协程实现异步的方法分析

    2023-06-11 10:08:39
  • vue keep-alive的简单总结

    2024-04-28 10:55:32
  • numpy之sum()的使用及说明

    2023-12-12 00:31:16
  • 使用python socket分发大文件的实现方法

    2022-05-23 10:45:40
  • Go语言copy()实现切片复制

    2024-05-25 15:12:43
  • PHP编码转换函数 自动转换字符集支持数组转换

    2024-05-02 17:33:28
  • python数字类型和占位符详情

    2022-10-03 06:36:32
  • python安装scipy的方法步骤

    2022-02-27 21:10:45
  • ASP网站远程客户实现EXCEL打印功能

    2009-02-02 09:01:00
  • antd table按表格里的日期去排序操作

    2024-04-28 10:55:56
  • 基于vue打包后字体和图片资源失效问题的解决方法

    2024-05-05 09:12:13
  • JavaScript缓动动画函数的封装方法

    2023-08-07 10:48:26
  • 极力推荐10个短小实用的JavaScript代码段

    2024-06-05 09:12:40
  • Vue脚手架编写试卷页面功能

    2024-04-27 16:14:36
  • 在keras中获取某一层上的feature map实例

    2023-10-19 11:37:24
  • 基于pytorch的保存和加载模型参数的方法

    2023-02-07 00:24:12
  • 利用arcgis的python读取要素的X,Y方法

    2023-03-13 11:27:05
  • SQL查询效率:100w数据查询只需要1秒钟

    2008-12-09 14:36:00
  • 比较SQL Server与Oracle、DB2三种数据库

    2008-09-12 17:24:00
  • asp之家 网络编程 m.aspxhome.com