导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

JS 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JS 高级教程

JS 对象 JS 函数 JS 类 JS 迭代 JS Promises JS 模块

JavaScript 函数参数


JavaScript function 函数对参数的值没有进行任何的检查。


函数显式参数(Parameters)与隐式参数(Arguments)

在本教程的前面部分,您了解到函数可以有参数:

function functionName(parameter1, parameter2, parameter3) {
  // 要执行的代码
}

函数显式参数在函数定义时列出。

函数隐式参数在函数调用时传递给函数真正的值。


参数规则

JavaScript 函数定义显式参数时没有指定数据类型。

JavaScript 函数对隐式参数没有进行类型检测。

JavaScript 函数对隐式参数的个数没有进行检测。


默认参数

如果函数在调用时未提供隐式参数,参数会默认设置为:undefined

有时这是可以接受的,但是建议最好为参数设置一个默认值:

实例

function myFunction(x, y) {
  if (y === undefined) {
    y = 2;
  }
}
亲自试一试 »

ECMAScript 2015 支持函数带有默认参数:

function (x, y = 2) {
  // 函数代码
}
亲自试一试 »

arguments 对象

JavaScript 函数有个内置的对象 arguments 对象。

argument 对象包含了函数调用的参数数组。

通过这种方式你可以很方便的找到最大的一个参数的值:

实例

x = findMax(1, 123, 500, 115, 44, 88);

function findMax() {
  var i;
  var max = -Infinity;
  for (i = 0; i< arguments.length; i++) {
    if (arguments[i] > max) {
      max = arguments[i];
    }
  }
  return max;
}
亲自试一试 »

或创建一个函数,对所有输入值求和:

实例

x = sumAll(1, 123, 500, 115, 44, 88);

function sumAll() {
  var i;
  var sum = 0;
  for (i = 0; i< arguments.length; i++) {
    sum += arguments[i];
  }
  return sum;
}
亲自试一试 »

如果调用函数时参数过多(多于声明的参数),则可以使用 arguments 对象访问这些参数。


通过值传递参数

在函数中调用的参数是函数的隐式参数。

JavaScript 隐式参数通过值来传递:函数仅仅只是获取值。

如果函数修改参数的值,不会修改显式参数的初始值(在函数外定义)。

隐式参数的改变在函数外是不可见的。


通过对象传递参数

在JavaScript中,可以引用对象的值。

因此我们在函数内部修改对象的属性就会修改其初始的值。

修改对象属性可作用于函数外部(全局变量)。

修改对象属性在函数外是可见的。


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。