refactor(reactivity): optimize dirty flag checks

Author: johnsoncodehk

packages/reactivity/src/computed.ts

@@ -93,8 +93,11 @@ export class ComputedRefImpl<T = any> implements Dependency, Subscriber {
    */
   get _dirty(): boolean {
     const flags = this.flags
-    if (flags & (SubscriberFlags.Dirty | SubscriberFlags.Pending)) {
-      if (flags & SubscriberFlags.Dirty || checkDirty(this.deps!)) {
+    if (flags & SubscriberFlags.Dirty) {
+      return true
+    }
+    if (flags & SubscriberFlags.Pending) {
+      if (checkDirty(this.deps!)) {
         this.flags = flags | SubscriberFlags.Dirty
         return true
       } else {

packages/reactivity/src/effect.ts

@@ -171,8 +171,11 @@ export class ReactiveEffect<T = any> implements ReactiveEffectOptions {
 
   get dirty(): boolean {
     const flags = this.flags
-    if (flags & (SubscriberFlags.Dirty | SubscriberFlags.Pending)) {
-      if (flags & SubscriberFlags.Dirty || checkDirty(this.deps!)) {
+    if (flags & SubscriberFlags.Dirty) {
+      return true
+    }
+    if (flags & SubscriberFlags.Pending) {
+      if (checkDirty(this.deps!)) {
         this.flags = flags | SubscriberFlags.Dirty
         return true
       } else {