Refactor: Introduce object destruction

Search Terms

refactor, object destruction

Suggestion

A refactor that extract all property access expression to a object destruction or convert back

Use Cases

Examples

const item = {
  a: 1, b: 2
}

call(item.a, item.b)

to

const item = {
  a: 1, b: 2
}

const { a, b } = item

call(a, b)

Checklist

My suggestion meets these guidelines:

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, etc.)
• This feature would agree with the rest of TypeScript's Design Goals.

Issue の TypeScript の例とリンクされた Design Goals から始め、property-access expressions を object destructuring に変換する、またはその逆の変換について、意図された範囲を特定します。ソースファイル、エントリーポイント、テストは指定されていないため、関連する compiler transformation を見つけて対象範囲を定義するには、プロジェクトについて相当な知識が必要になります。指定された変換が、出力される JavaScript のランタイム動作を変更せずに機能すれば完了です。