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();

相关文章
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的学生网课学习效果评价附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学生网课学习效果评价附带文章源码部署视频讲解等
14 2
|
7天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的语言课学习系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的语言课学习系统附带文章源码部署视频讲解等
12 3
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的中医学习服务管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的中医学习服务管理系统附带文章源码部署视频讲解等
12 1
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的在线学习过程管理系统软件附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的在线学习过程管理系统软件附带文章源码部署视频讲解等
10 1
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
8 0
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生国学自主学习平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生国学自主学习平台附带文章源码部署视频讲解等
12 0
|
9天前
|
JavaScript
js 延时执行代码的最佳实践 —— 自定义 sleep 函数
js 延时执行代码的最佳实践 —— 自定义 sleep 函数
10 0
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的英语学习交流平台小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的英语学习交流平台小程序附带文章源码部署视频讲解等
10 0
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的学习资源推送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的学习资源推送系统附带文章源码部署视频讲解等
10 0
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的可视化的学习系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的可视化的学习系统附带文章源码部署视频讲解等
11 0