JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript形参和实参

本节要说明的有两点,一个是参数的传递方式,一个是形参和实参的数目。

参数的传递方式

上节已经讲到,在JavaScript中,有两种传值方式,按值传递和引用传递,函数参数的传递也可分为按值传递和引用传递


【例4-4】函数参数的传递方式。
<script language="JavaScript" type="text/javascript">
var num_1=10;
var arr_1=["Tom","Peter","Smith"];
var setInfo=function(num,arr){
    num=20;
    arr[1]="Jackson";
    document.write("数值:"+num);
    document.write(" 数组:"+arr[1]);
}
setInfo(num_1,arr_1);
document.write("<br />");
document.write("数值:"+num_1);
document.write(" 数组:"+arr_1[1]);
</script>
保存并执行代码,显示:
    数值:20 数组:Jackson
    数值:10 数组:Jackson

对结果的分析:
  • num_1将数值本身传递给了形参num ,在函数内部修改num,不影响num_1的值。
  • arr_1将对数组的引用(即地址)传递给了形参arr,arr与arr_1指向的是同一个代码块,在函数内部修改arr时,实际上修改的是arr所指向的代码块,必然会影响arr_1。

形参与实参的数目

到目前为止,我们调用函数时传递的实参数目与形参都是相同的。那么,能不能不同呢?。

【例4-5】形参与实参的数目。
<html>
<head>
<title>形参与实参的数目</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var demo=function(m,n){  // 2个形参
    document.write("m="+m);
    document.write("  n="+n);
}
demo(10,20);   // 2个实参
document.write("<br />");
demo(10,20,100);  // 3个实参
document.write("<br />");
demo(10);  // 1个实参
</script>
</body>
</html>
保存并执行代码,显示:
    m=10 n=20
    m=10 n=20
    m=10 n=undefined

以上结果表明:
  • 调用函数传递的实参与定义函数规定的形参是依次对应的,即第1个实参的值传递给第1个形参,第2个实参的值传递给第2个形参...
  • 超出形参数目的实参不传递其值。
  • 如果没有对应的实参(实参数目少于形参数目)传入,其值为undefined。

结论:调用函数时传递的实参数目可以大于形参数目,但是最好不要小于形参数目。

那么,为了防止传入实参过少,能不能在定义函数时为形参规定一个默认的值呢?很遗憾,这在JavaScript中是不行的。

下面的函数定义将引发错误:
var demo=function(m=1,n=2){  // 2个形参
    document.write("m="+m);
    document.write("  n="+n);
}

但是,在其他某些编程语言中,可以为形参规定默认值,这是JavaScript的缺陷还是JavaScript的严肃?