时间:2021-05-26
下面给大家介绍javascript函数
函数的基本语法是:
function functionName(arg0,arg1,...,argN) { statements}下面是个示例:
function str(name,age){ document.write("hello my name is " + name + ". and i am " + age + " years old.");}str(" oliver",23); //hello my name is oliver. and i am 23 years old.另外,任何函数在任何时候都可以通过return 语句后跟要返回的值来实现返回值。如:
function sum(num1,num2){ return num1 + num2; alert("hello"); //返回return 之后不会继续执行alert}var result = sum(321,32);document.write(result); //353因为执行完return 语句之后停止并立即退出,所以位于return 语句之后的任何代码都不会执行。
当然,一个函数可以包含多个return 语句。如:
function conp(a,b){ if (a > b){ return a; }else if (a == b){ return "equal"; }else{ return b; }}var result = conp(4,4);document.write(result); //equalvar result = conp(321,4);document.write(result); //321另外,return 语句也可以不带有任何返回值。这样,就可以立即停止函数执行并且返回undefined。如:
function conp(a,b){ if (a > b){ return; document.write("bad"); }else{ document.write(b); }}var a = conp(33,3);document.write(a); //返回undefined 且不会出现"bad"函数的参数
ECMAScript 函数的参数可以是任意多个,也可以是任何数据类型。它在函数体内可以通过arguments 对象来访问,如第一个参数是arguments[0]、第二个是arguments[1]等等。命名的参数只是提供了便利,但不是必须的。如:
function greeting(){ document.write("hello " + arguments[0] + ". you look " + arguments[1] + ".");}greeting("oliver","good"); //hello oliver. you look good.另外,可以通过访问arguments 对象的length 属性,获得有多少参数传递给了函数。如:
function countArguments(){ document.write("there are " + arguments.length + " arguments here.");}countArguments(321,321,32,32); //there are 4 arguments here.可以利用这一点与if 语句结合做判断。如:
function count(){ if (arguments.length == 1){ document.write("you just have 1 arguments."); }else{ document.write("you have many arguments."); }}count(321,321,321) //you have many arguments.另外,arguments[] 可以与命名参数一起使用。
函数的重载(没有重载)
如果定义了两个名字相同的参数,则改名字只属于后定义的函数。如:
function add(){ document.write(arguments[0] + arguments[1]);}function add(){ document.write(arguments[0] + 100);}add(321,2); //421 不会执行第一个函数(两个参数相加),只执行最后一个同名的函数(第一个参数加上100)PS:JavaScript匿名函数
函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。
1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式
第一种:这也是最常规的一种
function double(x){ return 2 * x; }第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。
复制代码 代码如下:
var double = new Function('x', 'return 2 * x;');
第三种:
复制代码 代码如下:
var double = function(x) { return 2* x; }
注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。
1.2 匿名函数的创建
第一种方式:就是上面所讲的定义square函数,这也是最常用的方式之一。
第二种方式:
(function(x, y){ alert(x + y); })(2, 3);这里创建了一个匿名函数(在第一个括号内),第二个括号用于调用该匿名函数,并传入参数。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS匿名函数和匿名自执行函数概念与用法。分享给大家供大家参考,具体如下:1.匿名函数的常见场景js中的匿名函数是一种很常见的函数类型,比较常见的场
匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。函数的定义,首先简单介绍一下函数的定义,大致
函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数指没有指定函数名或指针的函数,自执行匿名函数只是其中一种,下文中称这种函数为
匿名函数就是没有实际名字的函数。javaScript的匿名函数形式多样,而且不搞清楚,容易看晕代码。以下是成功调用的匿名函数:复制代码代码如下:(functio
javascript声明函数JavaScript有两种声明函数的方式,一个是函数表达式定义函数,也就是我们说的匿名函数方式,一个是函数语句定义函数,下面看代码: