JavaScript函数的参数

Posted 2023-01-23

前期整理的javascript内容15篇附在文章末尾

一、形参和实参

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

参数的作用 : 在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

// 带参数的函数声明
function 函数名(形参1, 形参2 , 形参3...)  // 可以定义任意多的参数，用逗号分隔
  // 函数体

// 带参数的函数调用
函数名(实参1, 实参2, 实参3...);

案例：利用函数求任意两个数的和

function getSum(num1, num2) 
    console.log(num1 + num2);

getSum(1, 3); // 4
getSum(6, 5); // 11

二、函数参数的传递过程

// 声明函数
function getSum(num1, num2) 
    console.log(num1 + num2);

// 调用函数
getSum(1, 3); // 4
getSum(6, 5); // 11

• 1. 调用的时候实参值是传递给形参的
• 2. 形参简单理解为：不用声明的变量
• 3. 实参和形参的多个参数之间用逗号（,）分隔

三、函数形参和实参个数不匹配问题

function sum(num1, num2) 
    console.log(num1 + num2);

sum(100, 200);             // 形参和实参个数相等，输出正确结果
sum(100, 400, 500, 700);   // 实参个数多于形参，只取到形参的个数
sum(200);                  // 实参个数少于形参，多的形参定义为undefined，结果为NaN

注意：在JavaScript中，形参的默认值是undefined。

四、本章小节

函数可以带参数也可以不带参数

声明函数的时候，函数名括号里面的是形参，形参的默认值为 undefined

调用函数的时候，函数名括号里面的是实参

多个参数中间用逗号分隔

形参的个数可以和实参个数不匹配，但是结果不可预计，我们尽量要匹配

 JavaScript的相关学习资料：

•  ​​认识JavaScript到初体验​​
• ​​JavaScript 注释以及输入输出语句​​
• ​​JavaScript变量的使用、语法扩展、命名规范​​
• ​​JavaScript数据类型简介以及简单的数据类型​​
• ​​JavaScript获取变量数据类型​​
• ​​JavaScript 运算符&算数运算符​​
• ​​JavaScript递增和递减运算符​​
• ​​JavaScript：比较运算符和逻辑运算符​​
• ​​JavaScript：赋值运算符以及运算符优先级​​
• ​​JavaScript 流程控制-实际案例学习if语句​​
• ​​JavaScript三元表达式&分支流程控制 switch​​
• ​​JavaScript的for循环学不明白看这篇​​
• ​​案例方式学习JavaScript双重for循环​​
• ​​JavaScript遍历数组，附5个案例​​

---