说实话Dart这门语言刚上手的时候很多人都会觉得“这不就是Java/C#换了个壳嘛”。语法看起来眼熟写起来也顺手但真到了用运算符的时候反而容易踩到一些细小的坑。比如%取余在负数场景下的表现比如??和??在空安全下的底层逻辑再比如is和as在类型判断上的真实差别。这些细节平时不起眼但写Flutter业务代码时遇到一次就能让你排查半天。这篇学习笔记就是围绕Dart运算符展开的适合刚学完Dart基础语法、正准备上手Flutter的开发者也适合写过一段时间Flutter但想回头补一补语言细节的朋友。我会把运算符分类拆开讲每个运算符都配上Flutter场景里的实际用法和踩过的坑尽量让这篇文章既能当教程读也能当笔记翻。1. 一次理清Dart运算符的全家福先交代一下背景。我在整理这份笔记的时候已经把Dart的运算符按功能分成了几大类这样记忆负担小很多后面查起来也方便。Dart的运算符从分类上看跟C系语言高度接近但它有几个自己的特色比如级联运算符..、空安全相关的??和??、类型测试运算符is和as这些在其他语言里要么没有要么用法不同。1.1 Dart运算符的分类总览我把Dart运算符整理成了一张速查表这基本上就是日常开发里能用到的全部了类别运算符一句话说明算术运算符-*/~/%加减乘除、整除、取余自增自减--前置后置都支持赋值运算符-*/~/%复合赋值的一大串比较运算符!结果都是布尔值类型运算符asisis!类型转换和类型判断逻辑运算符!||非、与、或位运算符|^~按位操作条件表达式条件 ? 值1 : 值2三目运算空安全运算符????空值兜底、空值赋值级联运算符..?..连续调用同一对象的方法集合运算符......?展开集合的元素这张表看着挺长但其实分成三类记忆就够了第一类是算术和赋值基本跟C语言一致唯一要注意的是~/整除操作符第二类是逻辑和比较重点在于Dart的和类型判断的配合第三类是Dart特有的也是Flutter里高频出现的就是空安全那三个?相关的东西和级联..。1.2 跟其他语言对比Dart的不同点在哪我最早是从Java转过来写Flutter的最大的感受是大部分运算符的用法可以直接平移但有几个点必须重新学。第一个是/的行为。在Java里两个整数相除结果还是整数1 / 2 直接等于 0。但在Dart里/永远返回double1 / 2 的结果是 0.5。如果你想要整数除法必须用~/。这个差异很容易让从Java、C过来的人写错。第二个是的行为。Java里比较的是引用地址Dart里默认也比较引用地址但Dart的官方文档建议如果你想比较两个对象的内容是否相等应该覆写。这就引出另一个问题Dart里没有像Java那样的equals()方法约定所有相等判断都走。第三个是空安全。Dart从2.12开始强制空安全这意味着??和??不是“可选的语法糖”而是你写代码时绕不开的基本工具。这一点我会在后面的章节详细讲。2. 最容易写错的算术运算符算术运算符是每天都要碰的东西Flutter里算布局尺寸、算进度百分比、算偏移量全都要用。但越是基础的越容易出问题我整理了自己踩过的几个比较典型的场景。2.1/和~/的边界到底在哪先看一段很常见的代码假设我们要在Flutter里计算一个进度条的百分比int current 3; int total 7; double progress current / total; // 0.42857142857142855 int percent current ~/ total; // 0整除结果 double percent2 current / total * 100; // 42.857...这里有两个知识点/在Dart里做除法运算结果必然是double无论操作数是int还是double。这一点跟数学直觉一致但跟Java完全不同。~/是整除运算符结果向下取整。3 ~/ 7 等于 07 ~/ 3 等于 2-7 ~/ 3 等于 -3因为它是往负无穷方向取整的。注意~/不是简单地把/的结果截断小数部分而是“向下取整”。这在负数场景下有区别-7 / 3的结果是-2.333...如果直接截断小数会得到-2但用~/得到的是-3。我在写一个滑动选择器的时候就因为这个负数的向下取整逻辑出现过滑块位置对不上的问题。当时的业务是用户向左滑动时偏移量是负值我用offset ~/ itemWidth计算当前索引结果总比预期小1后来才发现是向下取整导致的。2.2%取余操作符的负号逻辑%取余在很多语言里的表现都不一样Dart的规则是结果的正负号跟被除数左边的数保持一致。int a 5 % 2; // 1 int b -5 % 2; // -1注意不是 1 int c 5 % -2; // 1跟Java对比一下Java里-5 % 2的结果也是-1所以这块还算友好。但如果你是从Python过来的Python里-5 % 2的结果是1那你就得适应一下了。实战中取余最常用的场景是“循环索引”和“奇偶判断”。比如轮播图到最后一张时回到第一张(index 1) % total就很顺手。但这里有个容易踩的坑如果 index 本身是 -1(-1 1) % total没问题可是-1 % total在Dart里返回的是-1而不是total - 1。所以做取余之前先保证操作数是正的或者主动加上模数int safeMod(int a, int b) { int result a % b; return result 0 ? result b : result; }2.3 复合赋值运算符的注意点-*~/这些复合赋值运算符在Dart里的行为跟其他语言基本一致但有一个细节值得注意复合赋值并不是“展开写成两句”那么简单。int x 1; x 2;看起来等价于x x 2但在Dart里复合赋值运算符本质上是x x 2的简写唯一区别在于左边的表达式只被求值一次。这个差异在普通变量上体现不出来但在对象属性的场景下有意义class Point { int x; Point(this.x); } void main() { Point p Point(1); p.x 5; // 相当于 p.x p.x 5但 p 只被求值一次 }在Flutter里最常见的场景是记录手势偏移量。比如拖动手势中的位移累加Offset totalOffset Offset.zero; onPanUpdate: (details) { totalOffset details.delta; }这个写法简洁而且对Offset生效是因为Offset类覆写了运算符。这就引出一个概念Dart允许你自己定义类的运算符行为我们后面会单独讲。2.4 字符串拼接里的和$插值选哪个Dart里字符串可以用拼接也可以用插值$variable或${expression}。我见过一些老Java开发者习惯用但Dart社区的主流风格是插值优先。String name Tom; int age 18; // 不推荐 String desc Name: name , Age: age.toString(); // 推荐 String desc Name: $name, Age: $age;为什么推荐插值一是性能上插值表达式在编译期就能做优化而字符串拼接在运行时会产生中间字符串对象二是可读性上$name明显比 name 清爽。这个点在Flutter里尤其重要因为你经常要在build方法里拼字符串来显示状态信息写着写着就会发现插值不仅少打字还少犯错。3. 比较与逻辑条件判断里的日常武器比较运算符和逻辑运算符是if语句、switch条件、Widget渲染逻辑的基石。这块内容本身不难但结合Dart的类型系统和空安全就有很多门道了。3.1和identical()什么时候该选谁Dart的默认比较的是“引用是否相同”即两个变量是否指向同一个对象。如果你想比较两个对象的内容是否相等需要覆写和hashCode。class Money { final int amount; Money(this.amount); override bool operator (Object other) identical(this, other) || other is Money runtimeType other.runtimeType amount other.amount; override int get hashCode amount.hashCode; }而identical()是Dart提供的顶层函数用来判断两个引用是否指向同一个对象即使某个类覆写了identical()的判断结果依然基于对象身份。在Flutter里最典型的场景是Widget重建时的“是否相等”判断。比如一个自定义的CustomPainter框架在重绘时会判断新旧repaint对象是否相同如果相同就跳过动画循环。所以覆写时一定要同时保证hashCode的一致性否则Set、Map这些基于哈希的集合判断就会出问题。还有一个细节覆写的时候很多人会忘记runtimeType other.runtimeType这个判断。如果不加子类对象在特定情况下可能和父类对象被认为“相等”引发很难查的bug。3.2 空安全运算符??和??的运行逻辑这是Dart 2.12之后最重要的变化也是Flutter开发者必须吃透的。??的作用是如果左边的表达式不为null就返回左边的值如果为null就返回右边的值。String? name; String display name ?? 未命名;这里name是一个可空字符串如果它为nulldisplay就取未命名否则取name本身。??则是如果左边的变量为null就把右边的值赋给它如果左边不为null什么都别做。int? count; count ?? 0; // count 是 null所以执行赋值count 变成 0 count ?? 10; // count 已经是 0不是 null所以不执行赋值这两个运算符底层有统一的设计逻辑为什么用两个问号因为Dart的问号代表“可空”的意图。int?表示这个int可能为空??表示如果为空就取个兜底值。语法设计上保持了语义的一致。在Flutter里??最常见的场景是处理从SharedPreferences或后端接口读取的可空数据。比如读取用户偏好设置final prefs await SharedPreferences.getInstance(); String themeMode prefs.getString(themeMode) ?? light;这一行代码就完成了“有就用没有就用默认值”的逻辑比写一个if判断清爽得多。3.3 逻辑运算符的短路机制和||都有短路求解的特性。左边为false时右边就不会执行||左边为true时右边同样不会执行。bool isValid condition1 condition2 condition3;如果 condition1 是false那么 condition2、condition3 根本不会被求值。这在某些场景下可以避免空指针问题if (list ! null list.isNotEmpty) { // 只用当 list 非空时才执行 }因为的短路特性当list为null时list.isNotEmpty不会被求值也就不会抛出空指针异常。在Java里我经常写if (list ! null list.size() 0)到Dart里写法类似只不过Dart的空安全已经帮你规避了大部分空引用问题。但短路特性也有个容易让人误解的地方如果右边的表达式有副作用比如给某个变量赋值或者执行了一个函数那么短路会导致副作用不执行。bool flag false; bool result flag || incrementCounter(); // 如果 flag 为 false则会调用 incrementCounter如果你的incrementCounter()是为了统计埋点而flag为true时统计就漏了。所以写条件时尽量保证右侧是纯计算别在里面塞有副作用的操作。3.4 三目运算符?:在Widget树里的高级用法三目运算符在Flutter的build方法里可以说是最常见的运算符之一了Widget build(BuildContext context) { return Column( children: [ isLoggedIn ? Text(欢迎回来) : Text(请登录), // 三目运算符可以嵌套但不推荐 isVIP ? Text(VIP) : isNewUser ? Text(新用户) : Text(普通用户), ], ); }三目的优点是写起来紧凑适合在一行里根据条件返回两个值。但嵌套三目会严重破坏可读性我自己吃过这个亏后来多次重构以后总结了三条经验只有两个分支时用三目没问题分支超过两个直接写if语句或者抽个方法在Flutter里如果三目返回的是Widget可以考虑用Visibility或if集合控制符替代可读性会好很多。比如Flutter的children列表里有一个很方便的集合控制符用起来比三目还清爽children: [ if (isVIP) Text(VIP标识), Text(正常内容), ]4. 位运算、类型判断与级联运算符这部分是Dart运算符里稍微“硬核”一些的内容平时写纯业务代码可能用不到但一旦涉及到二进制协议、权限管理、或者写一些高性能组件这些运算符就是你的得力工具了。4.1 位运算符在实战中的场景Dart支持|^~这些位运算。位运算最常见的应用场景是权限组合一个int变量可以存多个开关状态。const int PERMISSION_READ 1 0; // 0001 const int PERMISSION_WRITE 1 1; // 0010 const int PERMISSION_EXECUTE 1 2; // 0100 int permissions PERMISSION_READ | PERMISSION_WRITE; bool canWrite (permissions PERMISSION_WRITE) ! 0; // true这种写法在原生Android、C里都很常见Dart也支持整套位运算所以如果你要把原生代码里的位运算迁移到Flutter语法层面几乎不用改。还有一个高频用法是颜色值的拆解。Flutter里ARGB颜色值是一个32位intColor(0xFFB7410E)这种写法的底层就是位运算。如果你想从颜色值里单独取出R、G、B分量int argb 0xFFFF8800; int r (argb 16) 0xFF; int g (argb 8) 0xFF; int b argb 0xFF;这在写图片处理、主题色分析的工具时非常实用。位运算还有一个特点是性能极高因为CPU底层就是位操作。在Flutter里如果你有高频计算的需求比如逐帧处理数据位运算比乘除法快得多。4.2is、is!、as类型判断三兄弟Dart的类型系统在运行时是可以查询的。is用来判断一个对象是否属于某个类型is!是反义判断as用来做类型转换。听起来简单但使用上有个很关键的提示点。Object data hello; if (data is String) { // 这里 data 自动被 promote 成 String可以直接调用字符串方法 print(data.length); }Dart有一个“类型提升”机制一旦你用is判断成功在分支内部变量会被自动当作判断的类型使用不需要做显式转换。这是Dart比Java舒服很多的地方Java的instanceof之后在分支里还是要强转。而as则是“强制转换”如果类型不匹配运行时会抛出TypeError。我的建议是能用is加类型提升就尽量不用as因为as有运行时崩溃风险只有当你非常确定类型匹配时才用as不要再写(data as String).length直接用data.length在is String分支内更安全。在Flutter里as最常出现在事件处理、JSON解析的场景。比如从ModalRoute.of(context)取过来的对象往往需要as转成你的自定义类型final args ModalRoute.of(context)?.settings.arguments as MyPageArgs;这种写法在路由传参时很常见。不过要注意as转换失败抛出的异常在debug模式下会很好定位但在release模式下用户只会看到页面崩溃所以路由传参最好做好类型校验。4.3 级联运算符..少写那些重复的变量名级联运算符..是Dart的特色之一它允许你在同一个对象上连续调用多个方法而不需要反复写对象名。这在构建配置对象时很爽。class Person { String name ; int age 0; void sayHello() { print(Hello, I\m $name, $age years old); } } void main() { var p Person() ..name Tom ..age 18 ..sayHello(); }注意..直接作用于“当前对象”它返回的还是那个对象本身所以可以无限链式调用。在Flutter里最经典的用法是配置TextStyle和BoxDecorationfinal style TextStyle() ..fontSize 16 ..fontWeight FontWeight.bold ..color Colors.red;不过要注意这个语法主要在对象的属性或方法修改场景下好用。如果对象的方法是返回新对象比如许多不可变类的copyWith那就用不上级联了你需要的是链式调用的普通.。?..是空安全版本的级联运算符如果对象为null整个级联链就跳过不会报空指针。这在处理可空对象的时候很实用。4.4 集合展开运算符...和...?Dart里...用于在集合字面量中展开另一个集合...?则是在集合可能为null时使用的安全展开。var list1 [1, 2, 3]; var list2 [0, ...list1, 4]; // [0, 1, 2, 3, 4] Listint? nullableList; var list3 [...?nullableList]; // []在Flutter里这个特性用来动态组合Widget列表特别方便。比如你根据用户权限决定要显示哪些组件Widget build(BuildContext context) { return Column( children: [ Text(公共区域), if (user.isAdmin) ...adminWidgets, ...userMenus, ], ); }这里的...adminWidgets把整个widget列表展开成多个children比嵌套Column高效而且代码结构清晰。5. 运算符优先级与可覆写性很多同学写运算符的时候只关注功能忽略了优先级和可覆写性这两个隐藏考点。实际上优先级决定表达式怎么解析可覆写性决定你能不能让自定义类拥有“原生”的运算符行为。5.1 一张优先级表走天下Dart运算符的优先级从高到低大致是这样的同一行为同级层级运算符说明最高()[].?.!后缀、调用、访问高-~!一元前缀中上*/~/%乘除取余中-加减中下移位中下按位与更低^按位异或更低|按位或低isas比较和类型判断更低!相等判断更低逻辑与最低||逻辑或更低??空值兜底最低?:..三目和级联??的位置比较特殊它的优先级低于||。这意味着a || b ?? c会被解析成(a || b) ?? c而不是a || (b ?? c)。如果你不确定优先级最安全的办法是加括号。别觉得加括号丢人代码首先是给人看的其次才是给机器看的。举一个我真实遇到的例子当时我想判断一个可空变量的值是否等于0或者为null写了这么一行if (a ?? 0 0) { // 逻辑不对因为 优先级高于 ?? }正确写法是if ((a ?? 0) 0) { // a 为 null 或者 a 为 0 时进入 }这种坑光靠背优先级表很容易漏唯一的保险方式就是“有疑问就加括号”。5.2 operator关键字与自定义运算符Dart允许你通过覆写operator来为自定义类定义运算符行为。这意味着你可以写出Point Point、Money * int这样的代码。class Point { final int x; final int y; Point(this.x, this.y); Point operator (Point other) { return Point(x other.x, y other.y); } } void main() { var p1 Point(1, 2); var p2 Point(3, 4); var p3 p1 p2; // Point(4, 6) }Flutter里最典型的就是Offset和Size。Offset覆写了、-、*等运算符所以你才能写出totalOffset details.delta这类代码。Size也支持Size Size、Size * double等操作这让布局计算变得非常直觉化。但是自定义运算符有几个原则必须遵守不要改变运算的数学直觉。你覆写就必须做“加法”相关的事否则看代码的人会崩溃。保持一致性。如果覆写了必须同时覆写hashCode否则在Set、Map查找时会出现诡异问题。运算符最好无副作用。一般建议运算符返回新对象而不是修改原对象否则容易引发连锁bug。6. 常见问题与排查技巧实录最后这部分是我在实战中遇到的高频问题清单。都是真实发生过的有些甚至调试了几个小时才找到根因。整理成速查表方便大家直接翻。6.1 运算符相关的高频问题速查表问题1int相除结果不对现象print(3 / 2)打印出1.5但想要整数结果。原因Dart的/无论操作数是什么都返回double。解决使用~/例如print(3 ~/ 2)结果为1。问题2%取余负数时结果跟预期不同现象-5 % 3在Dart中等于-2但你可能期望1。原因Dart的取余结果符号跟随被除数。解决如果在业务中需要“非负余数”自己加 b再取余int mod(int a, int b) ((a % b) b) % b;问题3判断相同内容的对象返回false现象两个内容完全相同的自定义对象用比较结果是false。原因没有覆写默认走引用比较。解决覆写和hashCode参考前面给过的Money示例。问题4as强制转换抛异常现象运行时提示type X is not a subtype of type Y。原因对象实际类型和转换目标类型不匹配。解决先用is判断再走类型提升不要直接as。问题5级联运算符..里不能调用返回void的方法继续链式现象写了..add()但是后面又想继续.add()结果报错。原因List.add()返回void不是List。解决区分“修改原对象并返回原对象的方法”如自定义setter和“返回新对象的方法”如许多不可变API。级联运算符只适合前者。问题6逻辑运算符短路导致函数没执行现象a b || addLog()当a b为true时addLog()没有被调用。原因||左侧为true时右侧短路。解决别有副作用的函数放在短路运算符右侧或者主动调整顺序addLog(); bool result a b || someCheck();问题7空安全运算符引发的null错误现象list?.length ?? 0明明做了空判断还是报错。原因?.和??的优先级组合。list?.length ?? 0是正确的但如果写成list?.length ?? 0的变体list?.length ?? 0 1??的右侧整块会先计算可能引入bug。解决空安全相关的复合表达式尽量加括号int count list?.length ?? (0 1);6.2 我自己常用的几个运算符小技巧分享几个写Flutter代码时沉淀下来的小技巧不一定多高端但真的很省事。第一个技巧是用??做懒加载缓存。假设你有一个网络请求的方法结果想要缓存下来简单写法是这样FutureString? _cachedData; FutureString fetchData() { return _cachedData ?? _loadFromNetwork(); }??在这里的作用是如果_cachedData还没有值就发一次网络请求然后缓存到_cachedData如果已经有值直接返回。这个写法比手写if (_cachedData null)简洁很多而且线程安全方面在单线程的Dart事件循环里完全够用。第二个技巧是用位运算做多选状态。比如一个商品有多个标签可以用一个int的每一位表示一个标签然后用判断是否包含。const int TAG_SALE 1 0; const int TAG_RECOMMEND 1 1; const int TAG_NEW 1 2; int tags TAG_SALE | TAG_NEW; bool hasSale (tags TAG_SALE) ! 0; // true这样保存到数据库或者传给接口只需要传一个int而不是一个数组省了序列化开销。第三个技巧是掌握...?展开可空集合。在拼装Widget列表时如果某个子列表可能为null直接用...?就能安全展开children: [ ...?optionalWidgets, ]这个写法看起来很简单但它帮我消灭了一大堆if (optionalWidgets ! null)的样板代码。7. 写在笔记最后的一点体会这份Dart运算符学习笔记写到这里基本把我这几个月来实战中沉淀的运算符知识都梳理完了。从分类、到每个运算符的底层逻辑、再到Flutter场景里的具体用法整个过程其实就是一句话运算符不是背出来的是用出来的是踩坑踩出来的。我个人比较深的感受是Dart的运算符设计既保留了C系语言的熟悉感又在空安全和类型判断上做了很现代的处理。??、??、?.、is这些特性配合上Flutter的声明式UI写起来是真的顺手。但也正因为看起来熟悉反而容易用惯性思维写错尤其是/和~/的差别、负数的取余、??的优先级这些地方不看文档不踩一次坑真的很难一次写对。后面我如果继续更新Dart学习笔记大概率会写集合类型和函数式编程相关的内容因为运算符和它们配合起来才是Dart真正好用的一面。到时候再跟大家分享新踩的坑和新学到的技巧。