c语言编程笔录

首页 >   > 笔记大全

笔记大全

详解JavaScript函数中的参数

更新时间:2023-07-08

JavaScript中函数参数的基本概念

函数参数是一个函数定义时给出的变量,它们允许在函数内部引用一个传递给函数的值。JavaScript中的函数参数可以为空或有一个或多个参数。 当你调用一个函数时,它的参数可接受不同数量的参数。在JavaScript中,函数参数的数量不是固定的,因此允许函数根据传递的参数动态调整行为。

// 一个接受3个参数的函数
function(myName, myAge, myGender) {
  console.log("My name is " + myName + ", I am " + myAge + " years old, and I am a " + myGender + ".");
}

// 调用函数,并传入3个参数
myFunction("John", 30, "male");

// 输出:My name is John, I am 30 years old, and I am a male.

默认函数参数

默认参数允许在没有传递参数的情况下设置函数参数默认值。默认参数可以有默认值,如果没有传递对应的参数,则使用默认值。在JavaScript中,如果未传递参数,则默认为 undefined。

function myFunction(myName = "John", myAge = 30, myGender = "male") {
  console.log("My name is " + myName + ", I am " + myAge + " years old, and I am a " + myGender + ".");
}

// 调用函数,并传入2个参数
myFunction("Mary", 25);

// 输出:My name is Mary, I am 25 years old, and I am a male.

剩余参数

剩余参数允许传递任意数量的参数。这些参数被聚合到一个数组中,以便在函数中使用。在JavaScript中,使用剩余参数的语法是在函数中使用三个点(...)。

function myFunction(myName, ...rest) {
  console.log("My name is " + myName + ".");
  console.log("The rest of the arguments are: " + rest.join(", "));
}

// 调用函数,并传入任意数量的参数
myFunction("John", 30, "male", "New York", "developer");

// 输出:
// My name is John.
// The rest of the arguments are: 30, male, New York, developer.

arguments对象

arguments变量是一个与调用函数相关联的内部变量,在函数内部使用。它允许访问函数调用期间传递给函数的所有参数的列表。arguments对象是数组的类数组对象,其中第一个元素是第一个参数,第二个元素第二个参数,以此类推。arguments对象可用于在函数中处理数量不定的参数,就像使用剩余参数一样。

function myFunction() {
  console.log("The number of arguments is: " + arguments.length);
  console.log("The first argument is: " + arguments[0]);
  console.log("The second argument is: " + arguments[1]);
}

// 调用函数,并传入2个参数
myFunction("John", 30);

// 输出:
// The number of arguments is: 2
// The first argument is: John
// The second argument is: 30