当前位置： 首页 > news >正文

JavaScript 基础学习笔记（五）：函数、作用域、匿名函数

news 2026/4/19 4:19:17

目录

一、函数

1.1 声明和调用

1.2 形参和实参

1.3 返回值

二、作用域

2.1 全局作用域

2.2 局部作用域

三、匿名函数

3.1 函数表达式

3.2 立即执行函数

一、函数

理解函数的封装特性，掌握函数的语法规则

1.1 声明和调用

函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。

声明（定义）一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分

调用

声明（定义）的函数必须调用才会真正被执行，使用 () 调用函数。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript 基础 - 声明和调用</title>
</head>
<body><script>// 声明（定义）了最简单的函数，既没有形式参数，也没有返回值function sayHi() {console.log('嗨~')}// 函数调用，这些函数体内的代码逻辑会被执行// 函数名()sayHi()// 可以重复被调用，多少次都可以sayHi()</script>
</body>
</html>

参数

通过向函数传递参数，可以让函数更加灵活多变，参数可以理解成是一个变量。

声明（定义）一个功能为打招呼的函数

  • 传入数据列表

  • 声明这个函数需要传入几个数据

  • 多个数据用逗号隔开

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript 基础 - 函数参数</title>
</head>
<body><script>// 声明（定义）一个功能为打招呼的函数// function sayHi() {//   console.log('嗨~')// }// 调用函数// sayHi()// 这个函数似乎没有什么价值，除非能够向不同的人打招呼// 这就需要借助参数来实现了function sayHi(name) {// 参数 name 可以被理解成是一个变量console.log(name)console.log('嗨~' + name)}// 调用 sayHi 函数，括号中多了 '小明'// 这时相当于为参数 name 赋值了sayHi('小明')// 结果为 小明// 再次调用 sayHi 函数，括号中多了 '小红'// 这时相当于为参数 name 赋值了sayHi('小红') // 结果为 小红</script>
</body>
</html>

总结：

  1. 声明（定义）函数时的形参没有数量限制，当有多个形参时使用 , 分隔

  2. 调用函数传递的实参要与形参的顺序一致

1.2 形参和实参

形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）

实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）

形参可以理解为是在这个函数内声明的变量（比如 num1 = 10）实参可以理解为是给这个变量赋值

开发中尽量保持形参和实参个数一致

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript 基础 - 函数参数</title>
</head>
<body><script>// 声明（定义）一个计算任意两数字和的函数// 形参 x 和 y 分别表示任意两个数字，它们是两个变量function count(x, y) {console.log(x + y);}// 调用函数，传入两个具体的数字做为实参// 此时 10 赋值给了形参 x// 此时 5  赋值给了形参 ycount(10, 5); // 结果为 15</script>
</body>
</html>

1.3 返回值

函数的本质是封装（包裹），函数体内的逻辑执行完毕后，函数外部如何获得函数内部的执行结果呢？要想获得函数内部逻辑的执行结果，需要通过 return 这个关键字，将内部执行结果传递到函数外部，这个被传递到外部的结果就是返回值。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript 基础 - 函数返回值</title>
</head>
<body><script>// 定义求和函数function count(a, b) {let s = a + b// s 即为 a + b 的结果// 通过 return 将 s 传递到外部return s}// 调用函数，如果一个函数有返回值// 那么可将这个返回值赋值给外部的任意变量let total = count(5, 12)</script>
</body>
</html>

总结：

  1. 在函数体中使用return 关键字能将内部的执行结果交给函数外部使用

  2. 函数内部只能出现1 次 return，并且 return 下一行代码不会再被执行，所以return 后面的数据不要换行写

  3. return会立即结束当前函数

  4. 函数可以没有return，这种情况默认返回值为 undefined

二、作用域

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

2.1 全局作用域

作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件

处于全局作用域内的变量，称为全局变量

2.2 局部作用域

作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域。

处于局部作用域内的变量称为局部变量

如果函数内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐

但是有一种情况，函数内部的形参可以看做是局部变量。

三、匿名函数

函数可以分为具名函数和匿名函数

匿名函数：没有名字的函数,无法直接使用。

3.1 函数表达式

// 声明
let fn = function() { console.log('函数表达式')
}
// 调用
fn()

3.2 立即执行函数

(function(){ xxx  })();
(function(){xxxx}());

无需调用，立即执行，其实本质已经调用了

多个立即执行函数之间用分号隔开

相关文章：

JavaScript 基础学习笔记（五）：函数、作用域、匿名函数

目录 一、函数 1.1 声明和调用 1.2 形参和实参 1.3 返回值 二、作用域 2.1 全局作用域 2.2 局部作用域 三、匿名函数 3.1 函数表达式 3.2 立即执行函数 一、函数 理解函数的封装特性&#xff0c;掌握函数的语法规则 1.1 声明和调用 函数可以把具有相同或相似逻辑的代…...

编程日记 2024/2/29 14:00:50

Qt环境配置VTK

Qt与VTK的结合为开发者提供了强大的跨平台图形界面开发能力和三维可视化处理能力。本教程旨在详细介绍如何配置Qt环境以使用VTK库&#xff0c;从而为开发者打造高效、强大的三维可视化应用。 一、准备工作 在开始之前&#xff0c;确保您的开发环境中已经安装了Qt和CMake。Qt提…...

编程日记 2024/2/29 13:59:49

腾讯云最新活动_腾讯云促销优惠_代金券-腾讯云官网入口

腾讯云服务器多少钱一年&#xff1f;62元一年起&#xff0c;2核2G3M配置&#xff0c;腾讯云2核4G5M轻量应用服务器218元一年、756元3年&#xff0c;4核16G12M服务器32元1个月、312元一年&#xff0c;8核32G22M服务器115元1个月、345元3个月&#xff0c;腾讯云服务器网txyfwq.co…...

编程日记 2024/2/29 13:58:48

如何创建自己的Spring Boot Starter并为其编写单元测试

当我们想要封装一些自定义功能给别人使用的时候&#xff0c;创建Spring Boot Starter的形式是最好的实现方式。如果您还不会构建自己的Spring Boot Starter的话&#xff0c;本文将带你一起创建一个自己的Spring Boot Starter。 快速入门 创建一个新的 Maven 项目。第三方封装的…...

编程日记 2024/2/29 13:57:47

数据分析---常见处理逻辑

目录 数据清洗数据转换数据聚合数据筛选增删改查（以查为例）数据清洗 去除重复值：使用DISTINCT关键字去除重复行。//这将返回一个包含所有不重复城市的结果集 SELECT DISTINCT city FROM students;处理缺失值：使用IS NULL或IS NOT NULL判断是否为空值，并使用COALESCE或CASE…...

编程日记 2024/2/29 13:54:43

2024-02-26（金融AI行业概览与大数据生态圈）

1.最开始的风控是怎么做的&#xff1f; 人审 吃业务经验 不能大批量处理&#xff0c;效率低下 不适用于移动互联网的金融场景 2.建模的概念 建模就是构造一个数学公式&#xff0c;能将我们手上有的数据输入进去&#xff0c;通过计算得到一些预测结果。 比如初高中学习的…...

编程日记 2024/2/29 13:49:36

git忽略某些文件(夹)更改说明

概述 在项目中，常有需要忽略的文件、文件夹提交到代码仓库中，在此做个笔录。 一、在项目根目录内新建文本文件，并重命名为.gitignore，该文件语法如下 # 以#开始的行，被视为注释. # 忽略掉所有文件名是 a.txt的文件. a.txt # 忽略所有生成的 java文件, *.java # a.j…...

编程日记 2024/2/29 13:46:33

python爬虫实战：获取电子邮件和联系人信息

引言 在数字时代&#xff0c;电子邮件和联系人信息成为了许多企业和个人重要的资源&#xff0c;在本文中&#xff0c;我们将探讨如何使用Python爬虫从网页中提取电子邮件和联系人信息&#xff0c;并附上示例代码。 目录 引言 二、准备工作 你可以使用以下命令来安装这些库&a…...

编程日记 2024/2/29 13:44:31

post请求同时上传文件并传递其他参数的前后端写法

最近有一需求&#xff0c;post请求从前端上传一个文件同时传递一个参数&#xff0c;多次实验后记录下两种写法&#xff1a; 方法一&#xff1a; 前端&#xff1a;重点是设置请求头代码如下&#xff1a; getfile(event) {//input框输入文件let file event.target.files[0];l…...

编程日记 2024/2/29 13:41:28

【数仓】基本概念、知识普及、核心技术

一、数仓基本概念 数仓的定义&#xff1a; 数据仓库&#xff08;Data Warehouse&#xff0c;简称DW或DWH&#xff09;是一个面向主题的、集成的、相对稳定的、反映历史变化的数据集合&#xff0c;用于支持管理决策。简言之&#xff0c;它是一个大型存储库&#xff0c;用于存储来…...

编程日记 2024/2/29 13:40:27

ky10-server docker 离线安装包、离线安装

离线安装脚本 # ---------------离线安装docker------------------- rpm -Uvh --force --nodeps *.rpm# 修改docker拉取源为国内 rm -rf /etc/docker mkdir -p /etc/docker touch /etc/docker/daemon.json cat >/etc/docker/daemon.json<<EOF{"registry-mirro…...

编程日记 2024/2/29 13:37:23

Linux的gdb调试

文章目录 一、编译有调试信息的目标文件二、启动gdb调试文件1、查看内容list/l&#xff1a;l 文件名:行号/函数名&#xff0c;l 行号/函数名2、打断点b&#xff1a;b文件名:行号/函数名&#xff0c;b 行号/函数名 与 查看断点info/i&#xff1a;info b3、删除断点d&#xff1a;…...

编程日记 2024/2/29 13:36:22

IO多路复用-select模型

IO多路复用&#xff08;IO Multiplexing&#xff09;是一种高效的网络编程模型&#xff0c;可以同时监控多个文件描述符&#xff08;包括套接字等&#xff09;&#xff0c;并在有数据可读或可写时进行通知。其中&#xff0c;select模型是最常用和最早引入的一种IO多路复用模型。…...

编程日记 2024/2/29 13:34:20

班级事务管理系统设计与实现

** &#x1f345;点赞收藏关注 → 私信领取本源代码、数据库&#x1f345; 本人在Java毕业设计领域有多年的经验&#xff0c;陆续会更新更多优质的Java实战项目希望你能有所收获&#xff0c;少走一些弯路。&#x1f345;关注我不迷路&#x1f345;** 一 、设计说明 1.1 选题…...

编程日记 2024/2/29 13:32:18

金三银四面试必问：Redis真的是单线程吗？

文章目录 01 Redis中的多线程1&#xff09;redis-server&#xff1a;2&#xff09;jemalloc_bg_thd3&#xff09;bio_xxx&#xff1a; 02 I/O多线程03 Redis中的多进程04 结论▼延伸阅读 由面试题“Redis是否为单线程”引发的思考 作者&#xff1a;李乐 来源&#xff1a;IT阅读…...

编程日记 2024/2/29 13:31:16

notejs+nvm+angular+typescript.js环境 Hertzbeat 配置

D:\Program Files\nodejs\ D:\Users\Administrator\AppData\Roaming\nvm nvm命令提示 nvm arch&#xff1a;显示node是运行在32位还是64位。 nvm install <version> [arch] &#xff1a;安装node&#xff0c; version是特定版本也可以是最新稳定版本latest。 可选参…...

编程日记 2024/2/29 13:30:15

docker安装单机版canal和使用

说明&#xff1a;我安装的组件架构如下&#xff1a; 1、准备一台虚拟机&#xff0c;192.168.2.223&#xff0c;我安装的时候&#xff0c;docker只支持canal1.1.6版本&#xff0c;1.1.7无法使用docker安装.还有一点要补充&#xff0c;就是1.1.6好像不支持es8.0以上版本&#x…...

编程日记 2024/2/29 13:28:12

qt_xml文件

文章内容 简单介绍xml文件的增删改查写生成和读取xml文件的例子增删改查 Qt提供了QDomDocument类来操作XML文件。 增加节点： QDomElement root = doc.createElement("root"); doc.appendChild(root);QDomElement element = doc.createElement("element"…...

编程日记 2024/2/29 13:25:08

【DAY05 软考中级备考笔记】线性表，栈和队列，串数组矩阵和广义表

线性表&#xff0c;栈和队列&#xff0c;串数组矩阵和广义表 2月28日 – 天气&#xff1a;阴转晴 时隔好几天没有学习了&#xff0c;今天补上。明天发工资&#xff0c;开心&#x1f604; 1. 线性表 1.1 线性表的结构 首先线性表的结构分为物理结构和逻辑结构 物理结构按照实…...

编程日记 2024/2/29 13:23:06

AutoGen Studio助力打造私人GPTs

微软最近在开源项目里的确挺能整活儿啊！ 这次我介绍的是AutoGen Studio，我认为这个项目把AutoGen可用性又拔高了一个层次的项目 项目给自己的定义是交互式的多Agent workflow 项目地址：autogen/samples/apps/autogen-studio at main microsoft/autogen (github.com) 首先我…...

编程日记 2024/2/29 13:21:03

用FPGA复刻经典数电实验：手把手教你实现一个带预置功能的十进制可逆计数器

用FPGA复刻经典数电实验&#xff1a;手把手教你实现一个带预置功能的十进制可逆计数器 记得大学时第一次在实验箱上搭建十进制计数器&#xff0c;看着LED灯随着时钟信号跳动的那种兴奋感吗&#xff1f;如今&#xff0c;一块FPGA开发板就能重现这份经典体验&#xff0c;还能赋予…...

编程新知 2026/4/19 2:46:11

保姆级教程：在Ubuntu 20.04上为RISC-V芯片编译运行CoreMark（含多线程配置）

RISC-V平台CoreMark性能测试全流程实战指南 在嵌入式开发领域&#xff0c;处理器性能评估始终是硬件选型和系统优化的关键环节。CoreMark作为当前最权威的嵌入式CPU基准测试工具&#xff0c;其测试结果已成为衡量RISC-V处理器性能的黄金标准。本文将完整演示如何在Ubuntu 20.04…...

编程新知 2026/4/19 2:44:09

工业喷涂加工工艺详解及常见质量问题解决方案

摘要工业喷涂加工是金属件、五金件、设备外壳表面防护与装饰的核心工序&#xff0c;其工艺规范性直接决定工件使用寿命与外观质感。本文详细解析上海地区主流喷涂工艺&#xff08;粉末喷涂、喷漆、水性漆喷涂&#xff09;的核心流程、技术参数&#xff0c;结合行业实操经验&…...

编程新知 2026/4/19 2:44:05

FANUC 0i-F系统数据备份时，除了全数据，PMC和SRAM文件还有必要单独备份吗？

&#x1f4a1; 学习者 FAQ 解答 Q1: FANUC 0i-F系统数据备份时&#xff0c;除了全数据&#xff0c;PMC和SRAM文件还有必要单独备份吗&#xff1f; A1: 很有必要&#xff01;全数据备份虽然包含了大部分信息&#xff0c;但PMC和SRAM文件是控制器个性化配置和用户程序的关键&…...

编程新知 2026/4/19 0:49:37

【AGI发展里程碑】：SITS2026白皮书核心结论首次深度解码（仅限首批技术决策者阅览）

第一章&#xff1a;SITS2026白皮书发布背景与战略定位 2026奇点智能技术大会(https://ml-summit.org) 全球人工智能基础设施正经历从“模型驱动”向“系统智能”范式跃迁的关键拐点。SITS2026白皮书应运而生&#xff0c;旨在定义下一代智能技术栈&#xff08;System Intellig…...

编程新知 2026/4/19 0:41:25

如何用 cookie 的 HttpOnly 与 Secure 属性防范 XSS 攻击

HttpOnly 和 Secure 属性协同防护 Cookie&#xff1a;HttpOnly 禁止 JavaScript 读取 Cookie 防 XSS 窃取&#xff0c;Secure 强制仅 HTTPS 传输防 MITM 截获&#xff1b;二者必须同时启用&#xff0c;并配合 SameSite&#xff08;Lax/Strict&#xff09;增强安全。HttpOnly 和…...

编程新知 2026/4/19 0:09:46

蓝桥杯嵌入式实战：ADC按键的滤波与抗干扰设计

1. ADC按键原理与常见问题分析 ADC按键在嵌入式系统中是一种非常实用的设计&#xff0c;它通过电阻分压原理&#xff0c;利用单个ADC引脚就能检测多个按键状态。我在实际项目中经常使用这种方案&#xff0c;特别是在IO资源紧张的情况下。它的核心原理很简单&#xff1a;不同按键…...

编程新知 2026/4/18 23:57:13

香瓜树莓派RP2350之USB虚拟串口驱动开发实战

1. 硬件准备与环境搭建 第一次接触树莓派RP2350开发板时&#xff0c;我被它小巧的体积和强大的功能惊艳到了。这块板子虽然只有信用卡大小&#xff0c;但内置双核ARM Cortex-M0处理器&#xff0c;主频高达133MHz&#xff0c;特别适合用来做嵌入式开发。要实现USB虚拟串口功能&…...

编程新知 2026/4/18 23:31:40

通信标准11之HARQ-ACK码本：从Type-1到Type-3的演进与实战解析

1. HARQ-ACK码本&#xff1a;5G通信的"确认回执"系统 想象一下你在网购时&#xff0c;每收到一个包裹都要给卖家发一条确认短信。HARQ-ACK码本就是5G通信系统中的这种"确认回执"机制&#xff0c;只不过它的复杂度和智能化程度远超普通快递通知。作为通信标…...

编程新知 2026/4/18 23:07:03

2026最权威的五大降AI率神器解析与推荐

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 维普AIGC检测系统依靠语言模型以及文本特征分析&#xff0c;能够识别出由生成式人工智能所撰…...

编程新知 2026/4/18 20:31:43