JavaScript函数

简介: 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();

函数的参数:

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

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

// 带参数的函数声明
function 函数名(形参 1,形参 2,形参 3...) {
//函数体
}
// 带参数的函数调用
函数名(实参 1,实参 2,实参 3...);

函数的返回值:

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

// 声明函数
function 函数名() {
// 函数体
return 需要返回的值;
// 函数遇到 return 会停止执行,并返回指定的值
// 如果函数没有 return 返回的值是 undefined
}
// 调用函数
函数名(); //此时调用函数就可以得到函数体内 return 的值


相关文章
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
42 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
3月前
|
JavaScript 前端开发 安全
JavaScript函数详解
JavaScript函数的详细解析,包括函数的定义和调用方式(如一般格式、匿名函数、构造函数、自调用函数、箭头函数和严格模式)、函数参数(arguments对象、可变参数、默认参数值)、闭包的概念和应用实例。
JavaScript函数详解
|
2月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
44 4
|
2月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
21 2
|
2月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
28 5
|
2月前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
25 3
|
2月前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
20 3