JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009-12-04 00:00
645 查看
一、申明函数的三种方法 (Declaring a Function)
方法一:function functionName([parameters]){functionBody};
Example D1
当我们这样申明函数时,函数的内容被解释(但没有执行,要我们调用该函数才会执行),同时,一个名为add的对象已经建立。
方法二:将一个未命名的函数function赋给一个指定变量(var)
Example D2
这种申明的语法看起来怪异,但它可以帮助我们更好地理解“函数即对象”。通过这种方式申明的函数的内容,同样是被解释,而未被执行。
同时,我们还可以这样定义:
Example D2A:
由上面一个例子可以看出,我们既可以通过函数名theAdd调用函数,也可以通过指定的函数变量名add调用函数。
Example D2B:
而这个例子表明,当我们需要将一个自定义函数作为某个对象的属性时,这种函数申明方法是非常有用的,它更接近OOP的思想。
方法三:使用new运算符申明函数
Example D3:
这里有两个参数a和b,以及一个函数体,返回a+b。同时请注意,new Function(……),这里使用的是大写Function,而不是小写function,这就表明,我们是要建立一个Function对象(回想下new Object()建立一个Object对象)。同时,我们也可以看出,前面的参数名和后面的函数体都是通过字符串形式传递(注意:它们都加了双引号)。我们可以有许多个参数,JavaScript会自动判别函数体,通常是离右边括号最近的那一个参数。当然,我们不一定非得将所有的代码写在同一行,我们可以分多行写,中间使用“+”或者“\”进行联接。“+”和“\”告诉我们,JavaScript将要在下一行寻找剩余的代码。
Example D3A
当然,通过这种方式申明函数,函数体没有被解释(要直到运行时才被解释),这样便导致了性能的降低。为什么呢?请看下面的例子:
Example D3B
这个例子比较有趣,它在执行时可以通过传递参数(myOperator)分别创建了三个不同的Function对象。然后解释器在意图解释createMyFunction的时候,对return中的“运算符”具体是什么不清楚,从而无法解释,这样,性能自然打了折扣。
当然,当我们有特殊用途,如允许用户去创建他们自定义的函数时,我们可以采用这种函数申明方式,不过我们还是应尽量避免这样使用。
方法一: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中的“运算符”具体是什么不清楚,从而无法解释,这样,性能自然打了折扣。
当然,当我们有特殊用途,如允许用户去创建他们自定义的函数时,我们可以采用这种函数申明方式,不过我们还是应尽量避免这样使用。
相关文章推荐
- [JavaScript]每个函数就是一个对象(一):申明函数的三种方法
- JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
- 3.定义一个接受两个数字的方法,返回两个数字的和 →(javascript代返回值的函数的申明和调用)
- 写一个方法进行各种属性的更新,而不要每个界面设置改变都改变一个属性。就是点击应用或确定按钮时调用这个更新属性的方法,遍历所有(控制对象属性的)界面控件的状态(值),进行属性修改和刷新。
- javascript 中的 prototype和constructor属性的使用(constructor属性始终指向创建当前对象的构造函数,每个函数都有一个默认的属性prototype,而这个prototype的constructor默认指向这个函数)
- prototype本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。
- JavaScript声明一个对象的三种方式
- 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)[转]
- JavaScript isArray()函数判断对象类型的种种方法
- 一个对象toString()方法如果没有被重写,那么默认调用它的父类Object的toString()方法,而Object的toString()方法是打印该对象的hashCode,一般hashCode就是此对象的内存地址
- isArray()函数(JavaScript中对象类型判断的几种方法)
- 从零开始学_JavaScript_系列(15)——js系列<4>(数值、字符串、对象、数组、函数、日期的基本方法)
- [javascript] js中判断对象是否为空的三种实现方法
- JavaScript 三种创建对象的方法
- javascript的函数、创建对象、封装、属性和方法、继承
- 创建健壮的isArray()函数(JavaScript中判断对象类型的种种方法)
- JavaScript 面向对象(三)对象的方法及函数的上下文
- JavaScript 三种创建对象的方法
- JavaScript init 静态方法 对象语言 JS 值传递 函数 Archive Boolean for
- js 获取函数的所有参数和遍历JavaScript某个对象所有的属性名称和值的方法