Angular中对象子属性变更检测优化 避免重复生成订单摘要

方案1：在setter中增加Orders变更校验（改造成本最低） #

直接在现有@Input的setter中判断Orders的引用是否发生变化，仅当引用变更时才执行摘要生成逻辑，不需要修改现有组件的调用方式：

@Input() set product(value: Product) {
  // 首次赋值或Orders引用变化时才生成摘要
  if (!this._product || this._product.Orders !== value.Orders) {
    this.generateOrderSummary(value.Orders);
  }
  this._product = value;
}

注意：该方案基于引用对比生效，需要你上层修改Orders时使用不可变更新模式（比如用拓展运算符[...oldOrders, newOrder]生成新数组，而非直接调用push/splice修改原数组）。

方案2：使用ngOnChanges监听输入变更（扩展性更好） #

如果后续组件会接入更多输入属性，用OnChanges生命周期钩子统一管理变更逻辑会更清晰：

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

export class OrderSummary implements OnChanges {
  @Input() product: Product;
  _product: Product;

  ngOnChanges(changes: SimpleChanges): void {
    const productChange = changes['product'];
    if (!productChange) return;

    const current = productChange.currentValue;
    const previous = productChange.previousValue;
    this._product = current;
    
    // 仅Orders变更时执行生成逻辑
    if (!previous || previous.Orders !== current.Orders) {
      this.generateOrderSummary(current.Orders);
    }
  }

  private generateOrderSummary(orders: Order[]) {
    // 原有业务逻辑
  }
}

方案3：拆分@Input输入（性能最优，设计合理） #

你提到的拆分Product和Orders为两个独立@Input的方案完全合理，尤其当产品基础信息和订单数据的更新频率差异较大时，拆分符合单一职责原则，Angular会独立监听两个输入的变化，避免不必要的执行逻辑：
子组件代码：

@Input() product: Product;
@Input() set orders(value: Order[]) {
  this.generateOrderSummary(value);
}

父组件调用示例：

<app-order-summary 
  [product]="currentProduct" 
  [orders]="currentProduct.Orders"
></app-order-summary>

特殊场景处理：数组内部元素变更检测 #

如果业务中无法做到数组的不可变更新（必须用push/splice等方法修改原数组），可以用IterableDiffers实现数组内部变化的检测，不过该方案会触发更频繁的变更检测，性能开销更高，非必要不推荐使用：

import { Component, Input, DoCheck, IterableDiffers } from '@angular/core';

export class OrderSummary implements DoCheck {
  @Input() product: Product;
  private orderDiffer: any;

  constructor(differs: IterableDiffers) {
    this.orderDiffer = differs.find([]).create(null);
  }

  ngDoCheck(): void {
    const orderChanges = this.orderDiffer.diff(this.product?.Orders);
    if (orderChanges) {
      this.generateOrderSummary(this.product.Orders);
    }
  }
}

内容的提问来源于stack exchange，提问作者developer