日期:2014-05-16  浏览次数:20394 次

javascript中function讲解(1)

函数是由关键字function、函数名加一组参数及置于大括号中需要执行的一段语义定义的。

function functionName(parameters) {

some statements;

}

?

下面来看一个函数的简单应用:

<head>

<script type='text/javascript'>

function printtxt(statesment1,statement2,statement3) {

alert(statement1+statement2+statement3);

}

</script>

</head>

<body>

<script type='text/javascript'>

printtxt('我的‘,'名字’,‘yuanjianhang!’);

</script>

</body>

这是一个函数的简单应用其中包含了形式参数和实际参数以及函数的调用三个方面的知识。

下面列举在事件响应中调用函数

<head>

<script>

function test() {

alert('test!');

}

</head>

<body>

<form action='' method='post' name='form1'>

<input type='button' value='提交‘ ?onClick='test();'>

</form>

</body>

注意:在函数中定义的变量只在本函数中才起作用,属于局部变量。

?

函数还可以用return返回一个值。

例如:

<head>

<script>

function setValue(num1,num2,num3) {

var avg=(num1+num2+num3)/3;

return avg;

}

function getValue(num1,num2,num3) {

document.write(' 参数分别为: ’+num1+num2+num3);

var value=setValue(num1,num2,num3);

document.write('平均值为:'+value);

}

</script>

</head>

<body>

<script>

getValue(60,59,60);

</script>

</body>

?

?

在javascript中,可以使用arguments特殊对象,当需要在函数中调用参数时,无需指出参数名称即可调用这些参数。

例如,可以使用arguments[0]访问函数的第一个参数值,以此类推。还可以使用arguments.length获取函数的参数个数。

例如:

<head>

?

<script type="text/javascript">

function testargs() {

for(var i=0;i<arguments.length;i++) {

document.write('函数的个数为:'+arguments.length+'。运行的结果为:'+(arguments[i]+10)+'。');

}

}

</script>

</head>

<body>

?

?

<script type="text/javascript">

testargs(10);

testargs(10,20);

</script>

?

</body>

结果为:

函数的个数为:1。运行的结果为:20。函数的个数为:2。运行的结果为:20。函数的个数为:2。运行的结果为:30。

?

?

嵌套函数:

?

所谓的嵌套函数即在函数内部再定义一个函数,这样的优点在于可以使内部函数轻松获得外部函数的参数以及函数的全局变量等。

例如:

<head>

<script>

var outter=10;

function add(number1,number2) {

function innerAdd() {

alert('参数的加和为'+(number1+number2+outter));

}

return innerAdd();

}

</script>

</head>

<body>

<script>

add(10,10);

</script>

</body>

最后的输出结果为30.

(未完,接下一篇!)