JavaScript 函数

简介: JavaScript 函数


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 语句后面的值。

相关文章
|
8天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指那些不会立即执行完毕,而是会在未来的某个时间点(比如某个操作完成后,或者某个事件触发后)才完成其执行的函数
【6月更文挑战第15天】JavaScript中的异步函数用于处理非同步任务,如网络请求或定时操作。它们使用回调、Promise或async/await。
21 7
|
1月前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
1天前
|
JavaScript 前端开发
JavaScript函数是代码复用的关键。使用`function`创建函数
【6月更文挑战第22天】JavaScript函数是代码复用的关键。使用`function`创建函数,如`function sayHello() {...}`或`function addNumbers(num1, num2) {...}`。调用函数如`sayHello()`执行其代码,传递参数按值进行。函数可通过`return`返回值,无返回值默认为`undefined`。理解函数对于模块化编程至关重要。
10 4
|
2天前
|
JavaScript 前端开发 索引
第四篇-Javascript函数
第四篇-Javascript函数
9 3
|
4天前
|
设计模式 JavaScript 前端开发
JS 代码中变量和函数的正确写法总结
**代码规范与最佳实践摘要** 1. 使用可读性强的变量名,如`currentDate`代替`yyyymmdstr`。 2. 对同一类型变量使用相似命名,如`getUser()`代替`getUserInfo()`。 3. 变量名应具有描述性,避免使用难以理解的数字,如`MILLISECONDS_IN_A_DAY`代替`86400000`。
19 2
|
5天前
|
JavaScript 前端开发 容器
JavaScript函数学习
JavaScript函数学习
|
6天前
|
SQL 自然语言处理 前端开发
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
9 2
|
6天前
|
JavaScript 前端开发 索引
JS中的substr()和substring()函数有什么区别
JS中的substr()和substring()函数有什么区别
|
8天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【6月更文挑战第15天】JavaScript的`this`根据调用方式变化:非严格模式下直接调用时指向全局对象(浏览器为window),严格模式下为undefined。作为对象方法时,`this`指对象本身。用`new`调用构造函数时,`this`指新实例。`call`,`apply`,`bind`可显式设定`this`值。箭头函数和绑定方法有助于管理复杂场景中的`this`行为。
36 3
|
10天前
|
JavaScript 前端开发
Node.js 函数
Node.js 函数
15 4