1. 首页
  2. 软件开发
  3. JavaScript 函数

JavaScript 函数

  • 发布于 2024-09-26
  • 1 次阅读

1.JavaScript 函数的概念

函数:封装一段可被重复调用执行的代码块,通过函数可以实现大量代码的重复使用。函数也是

一种引用数据类型。

简单来说函数就是一个容器,可以封装一些代码, 在需要时再执行这些代码。

2.JavaScript 函数的使用

创建函数(常用):

通过 function 关键字声明函数,又叫做 命名函数。

function 函数名() {

// 函数体代码

}

// function 是声明函数的关键字,必须小写

// 函数名 命名为动词形式 例: getSum

通过函数表达式定义函数,又叫做 匿名函数。

let fun = function() {

// 函数体代码

};

// fun 是变量名,不是函数名

// fun 是变量,只不过变量存储的是函数

调用函数:

函数内的代码一般不会自动执行,需要调用这个函数函数名();

函数表达式创建的函数可以通过变量名来调用变量名();

函数的封装:

函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口(函数名)。

//例用封装函数计算 1-100 累加和

function getSum() {

let num = 0; // 准备一个变量,保存累加和

for (let i = 1; i <= 100; i++) {

num += i; // 把每个数值 都累加到变量中

}

console.log(num);

}

// 调用函数

getSum();


3.JavaScript 函数的参数

形参:函数定义时候,传递的参数 (实参值会传递给形参,相当于不用声明的变量)。

实参:函数调用时候,传递的参数。

// 带参数的函数声明

function 函数名(形参 1,形参 2,形参 3…) {

//函数体

}

// 带参数的函数调用

函数名(实参 1,实参 2,实参 3…);

函数的返回值:

返回值:函数调用后返回的数据;函数执行完成后可以通过 return 语句将指定数据返回。

// 声明函数

function 函数名() {

// 函数体

return 需要返回的值;

// 函数遇到 return 会停止执行,并返回指定的值

// 如果函数没有 return 返回的值是 undefined

}

// 调用函数

函数名(); //此时调用函数就可以得到函数体内 return 的值

break,continue,return 的区别:

break: 结束当前的循环体 (如 for、while)

continue: 跳出本次循环 继续执行下次循环

return: 不仅可以终止当前函数体内的代码,还能返回 return 语句后面的值。


原文链接: https://blog.csdn.net/hexadecimal_001/article/details/137051461