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

相关文章
|
21天前
|
JavaScript
js export 对外输出常量、变量和函数
js export 对外输出常量、变量和函数
20 5
|
20天前
|
JavaScript
js函数封装 —— 金额添加千分位分隔符
js函数封装 —— 金额添加千分位分隔符
16 2
|
20天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
25 1
|
25天前
|
JavaScript 前端开发
JavaScript作用域关乎变量和函数的可见范围。
【6月更文挑战第27天】JavaScript作用域关乎变量和函数的可见范围。全局作用域适用于整个脚本,局部作用域限于函数内部,而ES6引入的`let`和`const`实现了块级作用域。全局变量易引发冲突和内存占用,局部作用域在函数执行后消失,块级作用域提高了变量管理的灵活性。作用域关键在于组织代码和管理变量生命周期。
22 1
|
17天前
|
JavaScript
js 延时执行代码的最佳实践 —— 自定义 sleep 函数
js 延时执行代码的最佳实践 —— 自定义 sleep 函数
14 0
|
18天前
|
JavaScript
js 高频实用函数封装汇总(持续更新)
js 高频实用函数封装汇总(持续更新)
13 0
|
19天前
|
JavaScript
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
13 0
|
19天前
|
JavaScript
js 调试 —— 断点(含进入函数、条件断点等)
js 调试 —— 断点(含进入函数、条件断点等)
19 0
|
19天前
|
JavaScript
JS【详解】函数.bind()
JS【详解】函数.bind()
7 0
|
19天前
|
JavaScript
js 【详解】函数中的 this 指向
js 【详解】函数中的 this 指向
15 0