繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 申明函数的三种方法 每个函数就是一个对象（一）
- Javascript
- jquery 交替为表格添加样式的代码
- jquery下操作HTML控件的实现代码
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- 海量经典的jQuery插件集合
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- JavaScript关于select的相关操作说明
- jQuery的一些特性和用法整理小结
- 用jQuery扩展自写的 UI导航
- JQuery 引发两次$(document.ready)事件
- javascript实现的基于金山词霸网络翻译的代码
- Span元素的width属性无效果原因及解决方案
- javascript 不间断的图片滚动并可点击
- 利用onresize使得div可以随着屏幕大小而自适应的代码
- extjs 为某个事件设置拦截器
- javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
- javascript 特性检测并非浏览器检测
- 20个非常有用的PHP类库 加速php开发
- 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
- AJAX的跨域与JSONP(为文章自动添加短址的功能)
- JavaScript学习笔记（十）
Javascript 中的 JavaScript 申明函数的三种方法 每个函数就是一个对象（一）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 341 ::
收藏到网摘: n/a
JavaScript 申明函数的三种方法 每个函数就是一个对象（一） 一、申明函数的三种方法 （Declaring a Function）
方法一：function functionName([parameters]){functionBody};
Example D1
复制代码 代码如下:
function add(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3
当我们这样申明函数时，函数的内容被解释（但没有执行，要我们调用该函数才会执行），同时，一个名为add的对象已经建立。
方法二：将一个未命名的函数function赋给一个指定变量（var）
Example D2
复制代码 代码如下:
var add=function(a, b)
{
return a+b;
}
alert(add(1,2)); // produces 3
这种申明的语法看起来怪异，但它可以帮助我们更好地理解“函数即对象”。通过这种方式申明的函数的内容，同样是被解释，而未被执行。
同时，我们还可以这样定义：
Example D2A:
复制代码 代码如下:
var add=function theAdd(a, b)
{
return a+b;
}
alert(theAdd(1,2)); // produces 3
alert(add(1,2)); // also produces 3
由上面一个例子可以看出，我们既可以通过函数名theAdd调用函数，也可以通过指定的函数变量名add调用函数。
Example D2B:
复制代码 代码如下:
var myObject=new Object();
myObject.add=function(a,b){return a+b};
// myObject now has a property/a method named "add"
// and I can use it like below
myObject.add(1, 2);
而这个例子表明，当我们需要将一个自定义函数作为某个对象的属性时，这种函数申明方法是非常有用的，它更接近OOP的思想。
方法三：使用new运算符申明函数
复制代码 代码如下:
varName=new Function([param1Name, param2Name,...paramNName], functionBody);
Example D3:
复制代码 代码如下:
var add=new Function("a", "b", "return a+b;");
alert(add(3,4)); // produces 7
这里有两个参数a和b，以及一个函数体，返回a+b。同时请注意，new Function(……)，这里使用的是大写Function，而不是小写function,这就表明，我们是要建立一个Function对象（回想下new Object()建立一个Object对象）。同时，我们也可以看出，前面的参数名和后面的函数体都是通过字符串形式传递（注意：它们都加了双引号）。我们可以有许多个参数，JavaScript会自动判别函数体，通常是离右边括号最近的那一个参数。当然，我们不一定非得将所有的代码写在同一行，我们可以分多行写，中间使用“+”或者“\”进行联接。“+”和“\”告诉我们，JavaScript将要在下一行寻找剩余的代码。
Example D3A
复制代码 代码如下:
var add=new Function("a", "b",
"alert" + // chop string using "+"
"('adding '+a+' and ' +b);\ // separate string using "\"
return a+b;");
alert(add(3,4)); // produces 7
当然，通过这种方式申明函数，函数体没有被解释（要直到运行时才被解释），这样便导致了性能的降低。为什么呢？请看下面的例子：
Example D3B
复制代码 代码如下:
function createMyFunction(myOperator)
{
return new Function("a", "b", "return a" + myOperator + "b;");
}
var add=createMyFunction("+"); // creates "add" function
var subtract=createMyFunction("-"); // creates "subtract" function
var multiply=createMyFunction("*"); // created "multiply" function
// test the functions
alert("result of add="+add(10,2)); // result is 12
alert("result of substract="+subtract(10,2)); // result is 8
alert("result of multiply="+multiply(10,2)); // result is 20
alert(add);
这个例子比较有趣，它在执行时可以通过传递参数（myOperator）分别创建了三个不同的Function对象。然后解释器在意图解释createMyFunction的时候，对return中的“运算符”具体是什么不清楚，从而无法解释，这样，性能自然打了折扣。
当然，当我们有特殊用途，如允许用户去创建他们自定义的函数时，我们可以采用这种函数申明方式，不过我们还是应尽量避免这样使用。 "
评论 (0) All
