きれいな JS コードを記述するにはどうすればよいですか?この記事では、きれいな JavaScript を書くための 5 つのヒントを紹介します。
読書の負担を軽減し、創造力を刺激し、JavaScript スキルを簡単に学び、ジム、ラッシュ~
const isOldEnough = (person) => { return person.getAge() >= 100; }
きれいな JavaScript を書く: 数値を定数として定義する
この問題は明確に解決できます:const AGE_REQUIREMENT = 100; const isOldEnough = (person) => { return person.getAge() >= AGE_REQUIREMENT; }
const validateCreature = (creature, isHuman) => { if (isHuman) { // ... } else { // ... } }
クリーンな JavaScript を作成する: 関数パラメーターとしてブール値を使用しないでください
const validatePerson = (person) => { // ... } const validateCreature = (creature) => { // ... }
if ( person.getAge() > 30 && person.getName() === "simon" && person.getOrigin() === "sweden" ) { // ... }
きれいな JavaScript を書く: 複数の条件をカプセル化する
const isSimon = person.getAge() > 30 && person.getName() === "simon" && person.getOrigin() === "sweden"; if (isSimon) { // ... }
const isSimon = (person) => { return ( person.getAge() > 30 && person.getName() === "simon" && person.getOrigin() === "sweden" ); }; if (isSimon(person)) { // ... }
たとえば、次のコードでは、条件
!isCreatureNotHuman(creature)
const isCreatureNotHuman = (creature) => { // ... } if (!isCreatureNotHuman(creature)) { // ... }
const isCreatureHuman = (creature) => { // ... } if (isCreatureHuman(creature)) { // ... }
if(x===a){ res=A }else if(x===b){ res=B }else if(x===c){ res=C }else if(x===d){ //... }
let mapRes={ a:A, b:B, c:C, //... } res=mapRes[x]
const isMammal = (creature) => { if (creature === "human") { return true; } else if (creature === "dog") { return true; } else if (creature === "cat") { return true; } // ... return false; }
const isMammal = (creature) => { const mammals = ["human", "dog", "cat", /* ... */]; return mammals.includes(creature); }
[関連する推奨事項: JavaScript 学習チュートリアル]
###以上がクリーンな JS コードを記述するにはどうすればよいですか?共有すべき 5 つの書き方のヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。