JavaScript函数学习

简介: JavaScript函数学习

此函数非彼函数!

相信很多小伙伴看到函数都吓到了(2333),但编程语言中的函数并非数学意义上的函数,非但不用害怕,且学好函数会让你的js之旅更加方便快捷,得心应手。

JavaScript 函数的概念

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

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

函数的使用

创建函数(常用):

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

function 函数名() {
// 函数体代码
}
// function 是声明函数的关键字,必须小写

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

let fun = function() {
// 函数体代码
};
// fun 是变量名,不是函数名
// fun 是变量,只不过变量存储的是函数

如何调用这些函数呢?

// 函数内的代码一般不会自动执行,需要调用这个函数
函数名();
// 函数表达式创建的函数可以通过变量名来调用
变量名();

函数的封装:

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

口(函数名)。

 //例用封装函数计算 1-100 累加和
function loo() {
let num = 0; // 准备一个变量,保存累加和
for (let i = 1; i <= 100; i++) {
num += i; // 把每个数值 都累加到变量中
}
console.log(num);
}
// 调用函数
loo();

相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
39 5
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
42 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
1月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
24 2
|
1月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
50 1
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
2月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
21 2
|
2月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
25 2
|
2月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
20 2