【JS・TS】コーディングTips集 - Qiita

概要 JavaScript/TypeScriptを書く中で、自分自身の気づき、他の方から頂いたアドバイスをメモとして残してきました。 その中で、使用頻度が高そうで、知っていれば誰でも簡単に実践できる物を抜粋して記事にしました。 ですので、主にJavaScript/TypeScriptの使用歴が浅い(プログラミングの歴が浅い)方向けに少しでも参考になれば幸いと考えています。 (※JS/TSに限った事では無いものも含まれます。また、こちらに記載した記法が必ずしも優れていると言うわけではありません。本記事はあくまでも、JS・TSを利用した際にこんな記法もあるよという紹介が主要点です。) 早期returnを利用する 条件を満たす場合に直ぐに return することで、コードのネストを減らし、コードの見通しを良くするテクニックです。 簡単な例としまして下記のコードが、

[lnimroder]

バッドノウハウっぽいのも多いので個人的には微妙

[ultimatebreak]

{}の省略系嫌い

[I_L_S]

頭のいい書き方ではなく、誰が見てもすぐ理解できる書き方が良い。

[takfjt]

ツッコミどころが多いことを言ったら専門家がわらわら集まってきて解説してくれるメソッド

[apple19940820]

"== null" はtsチームも推奨してるので脳死で悪判断するより状況に応じて考えるのがいいと思う https://typescript-jp.gitbook.io/deep-dive/recap/null-undefined

[tomaho]

コードを書いていると概ねこの方向に収斂していく気がする。脳のスタックを使わせないのが大事なので早期リターン推奨派。簡潔に書きたいけれどifを強調したほうが読みやすい場合もあるよね。

[oakbow]

一個目の早期リターンは例が悪いだけかもしれないけど、一行程度のif elseだけなのにこう書き換えるのはバッドノウハウだと思う。分かりにくくなる。あくまでelseの場合に長いビジネスロジックが続くときにやるんだよ。

[ducktoon]

初心者にそんなん実践させないでくれっていうのがいくつかあった

[murlock]

ifの{}省略するくらいなら三項演算子使ってワンライナーにすりゃいいのに派。

[letsspeak]

最近はガード早期リターンor例外なげて上から削ぎ落としていくフローを大事にしている（なお相当酷いやつじゃない限り他人のコードに文句はつけない）Immutable観点で必要な奴はドヤじゃなくて全員知ってて欲しいよね

[kairusyu]

一発目から可読性下げてない？　ねえねえ？　バッドノウハウじゃないのこれ？

[ene0kcal]

JS・TSは初心者のレベルなので、こんなツッコミがたくさん入るものではなく、決定版のエントリがみたい。

[fashi]

サンプルコードを読んでも何をしたいのかわからない

[hate_nao]

意見が割れてて初心者には参考にできない

[cloverstudioceo]

こういうの意気揚々とPRだしてくるから戻しにくくて、次回からはわかりやすく書いてねって言ってる

[mole-studio]

自分がレビューしたら半分くらいは元に戻させちゃうかも

[PrivateIntMain]

自分しか見ないならどう書いてもいいけどみんなで見るならある程度ルール作ろうね

[hatest]

1人で趣味でやるならそれでいいが、こういうノイズに惑わされる初心者がいるからネットに上げるのはやめろ

[fut573]

大抵の場合書いている時間より読んでいる時間の方が長い可能性も高いので、可読性・誤読防止・コーディング規約内を意識して書いたほうが幸せになりそう

[xlc]

新人プログラマにマウントをとるときに使うヤツ？ / こんな網羅的でもないリストに240以上の「いいね」がついてしまう現状がヤバい。みんなマウントをとりたくて仕方ないのだな。

[cl-gaku]

新人なら先達が書いたコード見て、こう書けるのかって理解してから使うくらいでちょうどいい。誰も使ってなかったらやめておいてほしい

[kenuuun]

他の人たちも理解しやすくなるなら良いと思う！

[mushus]

"こちらに記載した記法が必ずしも優れていると言うわけではありません"

[odakaho]

“変数をオブジェクトのキーとして利用する”

[mayumayu_nimolove]

割と基本的なものが多いけどまとまってるので助かる

[whisper-monkey]

“value === null ではなく、value == null を使用してあげましょう。 ”！？？？！？？！？