-2

私はこのコードを持っていました：

const availableDays = status.availableDays;

そして、次のように変更する提案がありました。

const { availableDays } = status;

どちらも1行のコードですが、最初のコードよりもデストラクチャリングの方が優れたコーディング方法である理由について説明があるかどうか疑問に思います。

コードが次の場合:

const availableDays = status.availableDays;
const someVar = status.someVar;
const someOtherVar = status.someOtherVar;

私はそれが最短になることを知っています（より良いかどうかはわかりません）。

const { availableDays, someVar, someOtherVar } = status;

しかし、私の質問は、パフォーマンス、セキュリティ、読みやすさなどの理由になります。

4

2 に答える 2

0

読みやすさの改善の例を次に示します。

const myObj = { availableDays: 3, someVar: "foo", someOtherVar: "bar" };

function myFunc(status) {
   const availableDays = status.availableDays;
   const someVar = status.someVar;
   const someOtherVar = status.someOtherVar;

   // do stuff
}

次のようにリファクタリングできます。

function myFunc({ availableDays, someVar, someOtherVar }) {
   // do stuff
}

これは、React コンポーネントに渡す props を扱う場合に特に便利です。

于 2021-06-18T15:46:03.440 に答える