Destructuring 및 인라인 유형이 TypeScript 코드베이스를 손상시키는 5가지 이유

TypeScript 함수 정의는 어떻게 생겼습니까?

// sendMessage function written using `function` keyword
function sendMessage(message: string) {
  // function logic
}

// same sendMessage written as arrow function
const sendMessage = (message: string) => {
  // function logic
};

function sendMessage(message: {
  content: string;
  senderId: string;
  replyTo?: string;
}) {
  // you can assess content using `message.content` here
}

function sendMessage({
  content,
  senderId,
  replyTo,
}: {
  content: string;
  senderId: string;
  replyTo?: string;
}) {
  // you have access to `content` directly
}

나쁜 아이디어라고 생각하는 이유와 이를 개선할 수 있는 방법

1. 데이터의 출처가 확실하지 않습니다.

2. 문서 작성이 어렵다

3. 해당 데이터를 전달하기가 어렵습니다.

4. 이 함수 외부에서 인수 유형을 재사용할 수 없습니다.

5. 공간을 많이 차지합니다.

그냥 유형을 만드십시오

/**
 * Message to send using XYZ API
 */
export type MessageToSend = {
  /**
   * Markdown string of the user's message
   */
  content: string;
  /**
   * Id of the sender user
   */
  senderId: string;
  /**
   * Other message ID if this is a reply
   */
  replyTo?: string;
};

function sendMessage(message: MessageToSend) {
  // function logic
}

function getUserIdsToNotify(message: MessaageToSend) {
  // function logic
}

자원