/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */
#content_views .toc,
/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */
#content_views.markdown_views > p:empty:has(+ .toc),
#content_views.markdown_views > .toc + p:empty,
/* 富文本旧版目录标记 */
#content_views.htmledit_views #main-toc,
#content_views.htmledit_views #hr-toc,
#content_views.htmledit_views p[id*=\”-toc\”] {
display: none !important;
}
/* 目录去掉后，紧跟的首个标题不再多出一块上边距 */
#content_views.markdown_views > .toc + h1,
#content_views.markdown_views > .toc + h2,
#content_views.markdown_views > .toc + h3,
#content_views.markdown_views > .toc + h4,
#content_views.markdown_views > .toc + p:empty + h1,
#content_views.markdown_views > .toc + p:empty + h2,
#content_views.markdown_views > .toc + p:empty + h3,
#content_views.markdown_views > .toc + p:empty + h4 {
margin-top: 0 !important;
}
前言
上一篇《JavaScript篇 04》中，我们掌握了JS的流程控制语句——if-else条件判断、for/while循环。你已经能用JS写出简单的逻辑控制代码了。但就像Python一样，当代码量变大、逻辑变复杂时，把所有代码写在一个地方是不可维护的——你需要函数来封装可复用的逻辑块。
本篇作为JavaScript篇的第五篇，我们将系统学习JS的函数体系。函数在JS和Python中的概念完全一致——都是\”一段可以复用的代码块\”，但JS的函数有三种定义方式（普通函数、函数表达式、箭头函数），比Python的def丰富得多。其中箭头函数是ES6引入的重要新特性，也是现代JS开发中使用最广泛的函数写法。本文全程采用Python对比教学法，让你用已有的def思维快速理解JS函数，同时重点掌握箭头函数的语法和它与普通函数的关键区别。
本节核心学习内容：
文章目录
- 前言
- 一、函数的三种定义方式
-
- 1.1 普通函数声明（Function Declaration）
- 1.2 函数表达式（Function Expression）
- 1.3 箭头函数（Arrow Function）重点
- 二、函数参数
-
- 2.1 基本参数
- 2.2 默认参数（ES6）
- 2.3 剩余参数（Rest Parameters）：`…args`
- 2.4 arguments对象（了解即可）
- 三、返回值
-
- 3.1 return语句
- 3.2 没有return时的返回值
- 3.3 返回多个值
- 四、回调函数（Callback）
-
- 4.1 什么是回调函数
- 4.2 回调函数的典型场景
- 五、综合实战
-
- 5.1 使用箭头函数简化代码
- 5.2 编写工具函数
- 六、JS vs Python 函数语法完整对照
-
- 函数定义
- 参数
- 其他
- 七、常见误区与避坑指南
- 八、核心总结：函数速查表
-
- 三种定义方式速查
- 箭头函数化简规则
- 参数语法
- 九、专栏订阅
一、函数的三种定义方式
1.1 普通函数声明（Function Declaration）
这是最传统的函数定义方式，和Python的def最相似：
// JS 普通函数声明
function 函数名(参数1, 参数2) {
// 函数体
return 返回值;
