javascript 函数介绍

1. 函数的定义和调用 在JavaScript中，定义函数最常用的方法就是调用function语句。该语句是由function关键字构成的，它后面紧跟的是： Ø 函数名 Ø 一个用括号的参数列表，参数是可选的，参数是用逗号分隔开 Ø 包括在大括号中的函数体 使用函数需要注意的几个地方： Ø 在函数体中如果有return语句，它返回一个值；如果没有的话，它返回undefined Ø JavaScript不会检测函数参数个数是否正确，如果传递实参多于形参，多余的实参将没忽略；如果少于的话，那么没有被传递参数的形参被赋于undefined，在这种情况一般程序运行将出错


<script>
//print1返回一个值
function print1(){
return 'ddxkj';
}
//print1没有return语句，返回undefined
function print2(){
}
function print3(str1,str2,str3){
document.write(str1,"<br>");
document.write(str2,"<br>");
document.write(str3,"<br>");
}
document.write(print1(),"<br>");
document.write(print2(),"<br>");
print3('aaa','bbb','ccc'); //实参和形参个数相同
print3('aaa','bbb','ccc','ddd','eee'); //实参个数多于形参
print3('aaa','bbb'); //实参个数小于形参
</script>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]

运行结果：
ddxkj
undefined
aaa

ccc
aaa

ccc
aaa

undefined
1.1. 嵌套的函数
JavaScript 1.2和ECMAScript v3允许一个函数定义可以出现在另个函数中，也就是函数的嵌套。需要注意的是，ECMAScript v3不允许函数定义任意出现，它们仍然被限制在顶层全局代码和顶层函数代码中，这意味着函数定义不能出现在循环和条件语句中。例如：



<script>
function print(a){
function square(x) {return x*x;}
document.write(square(a));
}
print(100);
</script>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]

运行结果：
10000
1.2. Function()构造函数
在ECMAScript v1和JavaScript 1.1中，允许使用Function()和new动态定义一个函数。例如：var f = new Function("x", "y", "return x*y;");
该行代码几乎等价于：function f(x,y){return x*y;}
Function()构造函数可以接受任意多个字符串参数，最后一个参数就是函数体，可以包含任何JavsScrpt语句，每行语句之间使用;隔开。如果说函数没有参数，只需一个函数体的字符串就可以了。
有时时Function()构造函数也被称为匿名函数，是没有定义了函数名。
Function()构造函数的用途：
Ø 动态创建和编译一个函数。每调用一次函数，Function()构造函数都要编译一次函数，这也就成了一个缺点。因此，在循环或经常被调用的函数中，一般不使用Function()构造函数。
Ø 将函数定义为JavaScript的表达式，而不是语句。不过在JavaScript中，如果想在表达式中定义一个函数，而不是在语句，使用函数直接量会更方便。
1.3. 函数直接量
函数直接量的语法和function语句非常相似，只不过它被用作表达式，而不是语句，而且可以不指定函数名。和function语句、Function()构造函数一样，函数直接量也是创建函数的方式之一。如：
Ø function f(x){return x*x;} //function语句
Ø var f = new Funtion("x","return x*x;"); //Function()构造函数
Ø var f = function(x){return x*x;};
虽然函数直接量创建的是未命名函数，但也可以指定函数名，这在编写调用
自身递归函数非常有用。如：
var f = function fact(x) { if (x <= 1) return 1; else return x*fact(x-1); };
上面代码定义了一个未命名函数，并把它的引用存储在f中。它并没有创建fact()这个函数，只是允许函数体用这个名称没调用自身。
函数直接量可以像变量一样，被赋值、被传递给函数，甚至直接调用。例如：



<script>
var f1 = function(x){return x*x;}; //定义并保存
var f2 = function(x){return x*x;}(5); //直接调用
document.write(f1(10),"<br>");
document.write(f2,"<br>");
</script>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]

运行结果：
100
25
2. 作为数据的函数
当函数被做为一种数据时，就可以像变量，被赋值、存储在对象属性或数组、传递给函数。
当以如下方式定义一个函数时，function square(x){return x*x;}，定义了一个函数对象，并把这个函数对象赋值给了square。在这里square没有任何意义，不过只是一个对象而已，存储了函数对象。可以将这个函数赋值给其它变量。例如：



<script>
function square(x) {
return x*x;
}
var a = square(4);
document.write(a,"<br>"); //打印出16
var b = square;
var c = b(10);
document.write(c,"<br>"); //打印出100
</script>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]

运行结果：
16
100



<script>
function add(x,y) { return x + y; }
function subtract(x,y) { return x - y; }
function multiply(x,y) { return x * y; }
function divide(x,y) { return x / y; }
function operate(operator, operand1, operand2)
{
return operator(operand1, operand2);
}
var i = operate(add, operate(add, 2, 3), operate(multiply, 4, 5));
document.write(i,"<br>");
var operators = new Object( );
operators["add"] = function(x,y) { return x+y; };
operators["subtract"] = function(x,y) { return x-y; };
operators["multiply"] = function(x,y) { return x*y; };
operators["divide"] = function(x,y) { return x/y; };
operators["pow"] = Math.pow;
function operate2(op_name, operand1, operand2)
{
if (operators[op_name] == null) return "unknown operator";
else return operators[op_name](operand1, operand2);
}
var j = operate2("add", "hello", operate2("add", " ", "world"))
var k = operate2("pow", 10, 2)
document.write(j,"<br>");
document.write(k,"<br>");
</script>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]

运行结果：
25
hello world
100



有用  |  无用 取消

猜你喜欢