TS与JS中的Getters和Setter究竟有什么用[每日前端夜话0x92]

 1interface ITrackProps {
 2  name: string;
 3  artist: string;
 4}
 5
 6class Track {  
 7  private props: ITrackProps;
 8
 9  get name (): string {
10    return this.props.name;
11  }
12
13  set name (name: string) {
14      this.props.name = name;
15  }
16
17  get artist (): string {
18    return this.props.artist;
19  }
20
21  set artist (artist: string) {
22      this.props.artist = artist;
23  }
24
25  constructor (props: ITrackProps) {
26    this.props = props;
27  } 
28
29  public play (): void {    
30      console.log(`Playing ${this.name} by ${this.artist}`);
31  }
32}

 1interface ITrackProps {
 2  name: string;
 3  artist: string;
 4}
 5
 6class Track {  
 7  public name: string;
 8  public artist: string;
 9
10  constructor (name: string, artist: string;) {
11    this.name = name;
12    this.artist = artist;
13  } 
14
15  public play (): void {    
16      console.log(`Playing ${this.name} by ${this.artist}`);
17  }
18}

 1class User {
 2  // 不好。你现在可以`set` 用户ID。 
 3  // 是否需要将用户的 id 变更为其他标识符？ 
 4  // 这样安全吗？ 你应该这样做吗？
 5  public id: UserId;
 6
 7  constuctor (id: UserId) {
 8    this.id = id;
 9  }
10}

  1import { AggregateRoot } from "../../core/domain/AggregateRoot";
  2import { UniqueEntityID } from "../../core/domain/UniqueEntityID";
  3import { Result } from "../../core/Result";
  4import { Artist } from "./artist";
  5import { Genre } from "./genre";
  6import { TraderId } from "../../trading/domain/traderId";
  7import { Guard } from "../../core/Guard";
  8import { VinylCreatedEvent } from "./events/vinylCreatedEvent";
  9import { VinylId } from "./vinylId";
 10
 11interface VinylProps {
 12  traderId: TraderId;
 13  title: string;
 14  artist: Artist;
 15  genres: Genre[];
 16  dateAdded?: Date;
 17}
 18
 19export type VinylCollection = Vinyl[];
 20
 21export class Vinyl extends AggregateRoot<VinylProps> {
 22
 23  public static MAX_NUMBER_GENRES_PER_VINYL = 3;
 24
 25    //?1. 外观。VinylId 键实际上并不存在
 26  //作为属性的 VinylProps，但我们仍然需要
 27  //提供对它的访问。
 28  get vinylId(): VinylId {
 29    return VinylId.create(this.id)
 30  }
 31
 32  get title (): string {
 33    return this.props.title;
 34  }
 35
 36  // ?2.所有这些属性都作为 props 嵌套
 37  // 在一层，这样我们就可以控制对 ACTUAL 值
 38  // 的访问和变化。
 39  get artist (): Artist {
 40    return this.props.artist
 41  }
 42
 43  get genres (): Genre[] {
 44    return this.props.genres;
 45  }
 46
 47  get dateAdded (): Date {
 48    return this.props.dateAdded;
 49  }
 50
 51  // ?3. 你会发现到目前为止还没有 setter，
 52  // 因为在创建之后去改变这些东西是没有意义的
 53
 54  get traderId (): TraderId {
 55    return this.props.traderId;
 56  }
 57
 58  // ?4. 这种方法称为“封装集合”。
 59  // 是的，我们需要添加类型。 但我们仍
 60  // 然没有公开 setter，因为这里有一
 61  // 些我们想要确保强制执行的不变逻辑。
 62
 63  public addGenre (genre: Genre): void {
 64    const maxLengthExceeded = this.props.genres
 65      .length >= Vinyl.MAX_NUMBER_GENRES_PER_VINYL;
 66
 67    const alreadyAdded = this.props.genres
 68      .find((g) => g.id.equals(genre.id));
 69
 70    if (!alreadyAdded && !maxLengthExceeded) {
 71      this.props.genres.push(genre);
 72    }
 73  }
 74
 75  // ? 5. 提供一种删除方式。
 76
 77  public removeGenre (genre: Genre): void {
 78    this.props.genres = this.props.genres
 79      .filter((g) => !g.id.equals(genre.id));
 80  }
 81
 82  private constructor (props: VinylProps, id?: UniqueEntityID) {
 83    super(props, id);
 84  }
 85
 86  // ? 6. 这就是我们创建 Vinyl 的方法。
 87  // 创建之后，除了 Genre 之外，所有属性
 88  // 都会变为“只读”，因为启用修改是有意义的。
 89  public static create (props: VinylProps, id?: UniqueEntityID): Result<Vinyl> {
 90    const propsResult = Guard.againstNullOrUndefinedBulk([
 91      { argument: props.title, argumentName: 'title' },
 92      { argument: props.artist, argumentName: 'artist' },
 93      { argument: props.genres, argumentName: 'genres' },
 94      { argument: props.traderId, argumentName: 'traderId' }
 95    ]);
 96
 97    if (!propsResult.succeeded) {
 98      return Result.fail<Vinyl>(propsResult.message)
 99    } 
100
101    const vinyl = new Vinyl({
102      ...props,
103      dateAdded: props.dateAdded ? props.dateAdded : new Date(),
104      genres: Array.isArray(props.genres) ? props.genres : [],
105    }, id);
106    const isNewlyCreated = !!id === false;
107
108    if (isNewlyCreated) {
109      // ? 7. 这就是我们需要 VinylId 的原因：
110      // 为这个域事件的所有订阅者提供标识符。
111      vinyl.addDomainEvent(new VinylCreatedEvent(vinyl.vinylId))
112    }
113
114    return Result.ok<Vinyl>(vinyl);
115  }
116}