FSA全栈行动 FSA全栈行动
首页
  • 移动端文章

    • Android
    • iOS
    • Flutter
  • 学习笔记

    • 《Kotlin快速入门进阶》笔记
    • 《Flutter从入门到实战》笔记
    • 《Flutter复习》笔记
  • 内功心法

    • 《深入浅出设计模式Java版》笔记
前端
后端
  • 产品
  • 代理
  • 提效
  • 逆向
  • 分类
  • 标签
  • 归档
  • LinXunFeng
  • GitLqr

公众号:FSA全栈行动

记录学习过程中的知识
首页
  • 移动端文章

    • Android
    • iOS
    • Flutter
  • 学习笔记

    • 《Kotlin快速入门进阶》笔记
    • 《Flutter从入门到实战》笔记
    • 《Flutter复习》笔记
  • 内功心法

    • 《深入浅出设计模式Java版》笔记
前端
后端
  • 产品
  • 代理
  • 提效
  • 逆向
  • 分类
  • 标签
  • 归档
  • LinXunFeng
  • GitLqr
  • AndroidUI

  • Android第三方SDK

  • Android混淆

  • Android仓库

  • Android新闻

  • Android系统开发

  • Android源码

  • Android注解AOP

  • Android脚本

  • AndroidTv开发

  • AndroidNDK

  • Android音视频

  • Android热修复

  • Android性能优化

  • Android云游戏

  • Android插件化

  • iOSUI

  • iOS工具

  • iOS底层原理与应用

  • iOS组件化

  • iOS音视频

  • iOS疑难杂症

  • iOS之Swift

  • iOS之RxSwift

  • iOS开源项目

  • iOS逆向

  • Flutter开发

    • Dart - 抽象类的实例化
    • Flutter - 打印好用的Debug日志
    • Flutter - 混合开发
    • Flutter - 解决混合开发iOS脚本打包遇到的问题
    • Flutter - 低版本在iOS14上遇到的问题与解决方案
    • Flutter - 解决原生弹窗的触摸事件被Flutter响应的问题
    • Flutter - 实现列表上下拉切换header
    • Flutter - 获取ListView当前正在显示的Widget信息
    • Flutter - 列表滚动定位超强辅助库,墙裂推荐!🔥
    • Flutter - 快速实现聊天会话列表的效果,完美💯
    • Flutter - 聊天输入框更新文本时的必备优化点🔖
    • Flutter - 我给官方提PR,解决run命令卡住问题 😃
    • Flutter - 探索run命令到底做了什么 🤔
    • Flutter - 引擎调试(iOS篇)🛠
    • Flutter - 引擎调试bug到提交PR实战 🐞
    • Flutter - 船新升级😱支持观察第三方构建的滚动视图💪
    • Flutter - 瀑布流交替播放视频 🎞
    • Flutter - IM保持消息位置大升级(支持ChatGPT生成式消息) 🤖
    • Flutter - 滚动视图中的表单防遮挡 🗒
    • Flutter - 秒杀1/2曝光统计 📊
    • 一天内加入 Flutter 和 FlutterCandies 两大组织是什么体验 🧐
    • Flutter - 如何快速搓一个微信通讯录列表(azlist) 📓
    • Flutter - 混编项目集成Shorebird热更新🐦(安卓篇)
    • Flutter - 混编项目集成Shorebird热更新🐦(iOS篇)
    • Flutter - 解决返回原生页面时dispose方法未被触发的问题 🐞
    • Flutter - 升级3.19之后页面多次rebuild?🤨
    • Flutter - 热更新 Shorebird 1.0 正式版来了 🐦
    • Flutter - 使用Pigeon实现视频缓存插件 🐌
    • Flutter - 轻松搞定屏幕旋转功能 😎
    • Flutter - 解决Connection closed before full header was received
    • Flutter - 实现聊天键盘与功能面板的丝滑切换 🍻
    • Flutter - 支持观察NestedScrollView,兼容性更强 😈
    • Flutter - 聊天键盘与面板丝滑切换的强势升级 🍻
    • Flutter - 升级到3.24后页面还会多次rebuild吗?🧐
    • Flutter - 轻松实现PageView卡片偏移效果
    • Flutter - 轻松搞定炫酷视差(Parallax)效果
    • Flutter - 危!3.24版本苹果审核被拒!
    • Flutter - 子部件任意位置观察滚动数据
    • Flutter - iOS编译加速
    • Flutter - Xcode16 还原编译速度
    • Flutter - GetX Helper 助你规范应用 tag
    • Flutter - GetX Helper 如何应用于旧页面
    • Flutter - 聊天面板库动画生硬?这次让你丝滑个够
    • Flutter - 使用本地 DevTools 验证 SVG 加载优化
    • Flutter - 详情页 TabBar 与模块联动?秒了!
    • Flutter - 详情页初始锚点与优化
    • Flutter - Melos Pub workspaces 实践
    • Flutter webview 崩溃率上升怎么办?我的分析与解决方案
    • Flutter 多仓库本地 Monorepo 方案与体验优化
    • Flutter 拖拉对比组件,换装图片前后对比必备
    • Flutter 3.44 插件内置 Kotlin (KGP) 双向兼容适配指南
    • Flutter 无障碍开发实战:玩转 Semantics 解决视障用户使用痛点
    • 玩转 WebSocket:从原理到 Flutter 实战
    • 别在 Flutter 的 main() 里乱锁屏幕方向,小心 iPad 分屏功能被你搞没了
    • Flutter 3.44 性能飞跃:深度解析 Android Platform View 的 HCPP 新特性
    • 给 Flutter 插件加上 Swift Package Manager 支持
    • 彻底搞懂 Dart Stream:从底层原理到 Flutter 实战与面试题集
    • 别被“Flutter 传感器延迟 150ms”带偏了:这可能只是你的实现方式错了
    • StatefulWidget 里的隐形炸弹:为什么不要在 State 类中使用 context.mounted
    • 深入理解 Flutter 架构:从 Widget 到 GPU 像素的全链路解析
    • 深度拆解 Dart 事件循环:从面试题看清 Microtask 与 Event Queue 的执行顺序
    • Flutter FocusNode 实战指南:玩转键盘焦点与用户输入体验
    • iOS 27 强制要求 UISceneDelegate:UIKit 和 Flutter 开发者该如何应对?
    • Flutter 实战:为你的 App 增加桌面快捷方式 (Quick Actions)
    • 玩转 Flutter 项目依赖:从 pubspec.yaml 到实战包管理
    • Flutter 居然能直接跑在 Apple Watch 上了?玩转 flutter-watchos
    • 玩转 Dart typedef:不仅是函数别名那么简单
      • 一、什么是 typedef?
      • 二、typedef 的全能玩法
        • 1、函数类型(最经典用法)
        • 2、通用类型(Dart 2.13+ 核心变化)
        • 3、Flutter 中的常见坑点
      • 三、实战中的避坑与对比
        • 1、typedef vs 其他概念
        • 2、容易踩的坑
      • 最后
    • Impeller 时代:Shader Jank 消失了,但渲染性能的战场也变了
  • 移动端
  • Flutter开发
GitLqr
2026-08-10
目录

玩转 Dart typedef:不仅是函数别名那么简单

欢迎关注微信公众号:[FSA全栈行动 👋]

# 一、什么是 typedef?

在 Dart 开发中,如果你遇到那种嵌套了好几层的复杂类型,或者频繁出现的函数签名,代码写起来会非常痛苦。

举个最直观的例子,假设我们要写一个获取数据的回调函数:

// 不使用 typedef,每次都要写这么长
void fetchData(Future<String> Function(int, bool) callback) {
  // ...
}

每次写 fetchData 的地方都要重复这坨 Future<String> Function(int, bool),不仅难看,以后如果回调的参数变了,我得满大街去找哪里写了这串签名。

如果用上 typedef,事情就变得简单多了:

typedef DataLoader = Future<String> Function(int, bool);

void fetchData(DataLoader callback) {
  // ...
}

这里 DataLoader 就是一个类型别名。它本质上是给一个已有的类型起了个“外号”,让代码意图变得非常清晰:别人一看 DataLoader 就知道这是一个数据加载器,而不是在研究那一堆复杂的函数签名。

# 二、typedef 的全能玩法

早期的 Dart 版本里,typedef 基本上只能给函数类型起名字。但从 Dart 2.13 开始,它变得非常强大,几乎可以给任何类型起别名。

# 1、函数类型(最经典用法)

除了最基础的 callback,你还可以定义各种业务相关的函数类型。

// 定义一个日志记录器的类型
typedef Logger = void Function(String message);

void consoleLogger(String message) {
  print(message);
}

void main() {
  // 像使用普通类型一样使用它
  Logger logger = consoleLogger;
  logger("Hello, LinXunFeng!");
}

甚至可以定义泛型 typedef,这在处理各种转换器时非常爽:

typedef Mapper<T> = T Function(String value);

int parseInt(String value) => int.parse(value);

void main() {
  Mapper<int> parser = parseInt;
  print(parser("123")); // 输出 7
}

# 2、通用类型(Dart 2.13+ 核心变化)

这是 typedef 最让我惊喜的进化。现在,它可以用来简化极其复杂的泛型集合或 Record 类型。

集合类型别名 与其写一坨 Map<String, List<int>>,不如直接定义一个 ScoreMap:

typedef ScoreMap = Map<String, List<int>>;

ScoreMap scores = {
  "Alice": [90, 95],
  "Bob": [88],
};

Record(记录类型)别名 在 Dart 3 引入 Record 之后,typedef 的价值进一步放大。如果你的函数返回一个复杂的 Record,用别名简直是救命:

// 之前:如果不定义别名,函数签名会长得吓人
// 之后:
typedef UserInfo = ({
  int id,
  String name,
  List<String> roles,
  bool active,
});

UserInfo fetchUser(String id) {
  return (
    id: 1,
    name: "Lin",
    roles: ["Admin"],
    active: true,
  );
}

# 3、Flutter 中的常见坑点

在 Flutter 开发中,我经常会遇到这种报错: The argument type 'void' can't be assigned to the parameter type 'VoidCallback?'.

很多人会懵:VoidCallback 到底是个啥?

其实通过 typedef 就能一眼看穿:

typedef VoidCallback = void Function();

这个报错通常是因为你在传回调时,不小心把函数执行的结果(void)传给了需要回调函数的参数。

错误示范:

void save() {
  print("Saving...");
}

ElevatedButton(
  onPressed: save(), // ❌ 错误!这里是调用了 save() 并返回了 void
);

正确示范:

ElevatedButton(
  onPressed: save, // ✅ 正确!直接传递函数名
);

// 或者使用匿名函数包裹
ElevatedButton(
  onPressed: () {
    save();
  },
);

# 三、实战中的避坑与对比

虽然 typedef 好用,但它并不是万能的,很多新手会把它和 extension 或 abstract class 搞混。

# 1、typedef vs 其他概念

我整理了一个对比表格,方便大家快速判断什么时候该用哪种方案:

维度 typedef Extension (扩展方法) Abstract Class (抽象类) Extension Type
核心本质 仅仅是起个别名 为现有类型增加行为 定义接口和实现规范 创建编译时的新类型
是否创建新类型 否 (底层类型不变) 否 是 是
是否能持有状态 否 否 能 能
适用场景 简化复杂类型或函数签名 给现有类添加方法 定义复杂的业务逻辑/接口 需要类型安全且零开销的包装

# 2、容易踩的坑

误区一:以为 typedef 创建了新类型 这是一个非常典型的误区。如果你写了:

typedef UserId = int;
typedef ProductId = int;

UserId user = 5;
ProductId product = user; // ✅ 不会报错,因为它们本质都是 int

对于编译器来说,UserId 和 int 是完全一样的。如果你需要严格区分 UserId 和 ProductId(比如防止把用户 ID 传给商品 ID),你应该使用 extension type。

误区二:过度使用,制造冗余 不要给那些一眼就能看懂的类型起别名。

// ❌ 没必要
typedef Number = int;
typedef MyString = String;

// ✅ 有意义
typedef JsonMap = Map<String, Object?>;

# 最后

typedef 虽然只是一个很小的语言特性,但它确实能让代码的“含金量”提升不少。它不增加任何运行时的负担(运行时就是个简单的类型),却能显著提升代码的可读性和可维护性。

记住一句话:当你在写复杂的函数签名或嵌套泛型感到头大时,就是该用 typedef 的时候了。

#typedef
上次更新: 2026/08/14, 01:29:12
Flutter 居然能直接跑在 Apple Watch 上了?玩转 flutter-watchos
Impeller 时代:Shader Jank 消失了,但渲染性能的战场也变了

← Flutter 居然能直接跑在 Apple Watch 上了?玩转 flutter-watchos Impeller 时代:Shader Jank 消失了,但渲染性能的战场也变了→

最近更新
01
Java 26 终于原生支持 HTTP 3 了:告别 Netty,直接用 QUIC
08-13
02
拒绝 AI 乱写代码:手把手教你玩转 Claude Code 的工程化技能集
08-12
03
Impeller 时代:Shader Jank 消失了,但渲染性能的战场也变了
08-11
更多文章>
Theme by Vdoing | Copyright © 2020-2026 FSA全栈行动
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×