Flutter 零基础入门(八):Dart 类(Class)与对象(Object)

📘Flutter 零基础入门(八):Dart 类(Class)与对象(Object)

公众号版

在前面的学习中,我们已经学会了:

  • 使用 List 存储一组数据
  • 使用 Map 描述一条结构化数据
  • 使用函数封装逻辑

你现在可能已经写过类似这样的代码:

dart 复制代码
Map<String, dynamic> user = {
  'name': 'Tom',
  'age': 18,
};

这在学习阶段完全没问题,但在真实项目中,很快会暴露一些问题:

  • key 写错了,编译器发现不了
  • 数据结构不清晰
  • 不利于维护和扩展

为了解决这些问题,Dart 提供了更强大的工具: 👉 类(Class)与对象(Object)


一、什么是类(Class)?

类可以理解为:

一个"模板"或"蓝图",用来描述一类事物

例如:

  • 用户
  • 商品
  • 订单

它描述的是:

  • 这个事物有什么属性
  • 这个事物能做什么事情

二、什么是对象(Object)?

对象是:

根据类创建出来的具体实例

类 ≈ 图纸 对象 ≈ 根据图纸造出来的房子


三、为什么要使用类?

相比 Map,类的优势非常明显:

  • 结构清晰
  • 有类型约束
  • 编译期可检查错误
  • 更符合真实业务建模

📌 Flutter 项目中几乎一定会用到类


四、定义一个最简单的类

kotlin 复制代码
class User {
  String name;
  int age;

  User(this.name, this.age);
}

拆解理解:

  • class User:定义一个类
  • name、age:类的属性
  • User(...):构造函数,用于创建对象

五、创建对象(实例化)

ini 复制代码
User user = User('Tom', 18);

print(user.name);
print(user.age);

这里:

  • User 是类
  • user 是对象

📌 对象通过 . 访问属性


六、类中的方法(行为)

类不仅可以有属性,还可以有方法。

dart 复制代码
class User {
  String name;
  int age;

  User(this.name, this.age);

  void introduce() {
    print('我叫$name,今年$age岁');
  }
}

调用方法:

ini 复制代码
User user = User('Tom', 18);
user.introduce();

📌 方法本质上就是:

属于这个类的函数


七、类 vs Map(对比理解)

对比项 Map Class
结构清晰度 一般 非常清晰
类型检查 ❌ ✅
自动补全 少 多
适合项目 ❌ ✅

📌 结论:

Map 用于临时数据,Class 用于项目结构


八、List + Class(真实项目结构)

ini 复制代码
List<User> users = [
  User('Tom', 18),
  User('Lucy', 20),
];

遍历:

scss 复制代码
for (var user in users) {
  user.introduce();
}

📌 这已经是 Flutter 项目中非常常见的写法了。


九、类是 Flutter 的核心基础

在 Flutter 中:

  • 页面是 Widget 类
  • StatelessWidget / StatefulWidget 是类
  • 页面状态、数据模型都是类

📌 你现在学的内容,将直接用于:

页面开发、数据模型、业务封装


十、总结

本篇你已经学会了:

  • 什么是类(Class)
  • 什么是对象(Object)
  • 如何定义和使用类
  • 为什么类比 Map 更适合项目

你已经完成了从:

"数据结构" → "业务建模" 的关键跃迁


🔜 下一篇预告

《Flutter 零基础入门(九):构造函数、命名构造函数与 this 关键字》

下一篇我们将学习:

  • 构造函数的更多写法
  • 命名构造函数的作用
  • this 的真正含义
  • 更规范地创建对象

从下一篇开始,你写的 Dart 代码将越来越像:

专业 Flutter 项目中的代码

相关推荐
Dovis(誓平步青云)10 分钟前
浇水提醒刚弹出又消失,植物状态别只存一个百分比
开发语言·前端·javascript·pdf·ecmascript·电脑
码艺-Alimjan41 分钟前
Vben Admin 新增维吾尔语 Vben-Modal的关键坑之一
前端·javascript·vue.js
可乐鸡翅yeah_1 小时前
hls.js 手动自定义 http 请求 loader,修改请求头实战
开发语言·前端·javascript·网络协议·http·ecmascript·m3u8在线
IT_陈寒2 小时前
Vite静态资源导入这个坑我帮你们踩过了
前端·人工智能·后端
广州华水科技2 小时前
大坝安全监测解决方案:单北斗GNSS形变监测系统应用与维护
前端
yivifu2 小时前
中文古籍电子书注释集成
前端·javascript·python·beautifulsoup·epub
默_笙3 小时前
🛴 从散件到整机:DeepAgents 与 Agent 身上预留的那些"插槽"(前置介绍)
前端·javascript
zhangzeyuaaa3 小时前
深入理解 Ruby 运算符:本质、分类、坑点与重载实战
开发语言·前端·ruby
一木 之林3 小时前
DeepSeek Agent 开发(一)
开发语言·前端·javascript
树下水月4 小时前
Typora破解
linux·服务器·前端