前置き
コードはプログラマーの名刺であり、普通のコードもあれば、巧妙で、緻密で、人を目を見張らせるものもあります。あるコードは見るだけで気持ちが良いですが、あるコードは作者自身も見たくないものもあります……
一.JavaScript コードスタイル
コードスタイルはコードの衣服で、清潔で整然としていれば自然と見ていて気持ちが良いものです。すべてのスペース、すべての改行、すべての行のコメントはより良い可読性のためであるべきです。
コードは人のために書かれるもので、ついでに機械上で実行できる
コードスタイルは可読性、保守性に直接影響し、シンプルで読みやすいコードほど保守しやすいです
Keep It Simple Stupid
難解で短いコードは全く必要ありません。例えば 3 重の三項演算子など、数バイトを節約する代償は、以後のすべての読者がそれを理解するために 1 分を費やすことです
コードスタイルには以下が含まれます:
-
基本フォーマット(インデント、行幅、命名規則など)
-
コメントフォーマット
-
文と式
-
変数、関数、演算子
詳細については [黯羽轻扬:JS コードスタイルガイド](/articles/js コードスタイルガイド/) を参照してください。例が付属しています
二.JavaScript プログラミング常識
より保守しやすいコードを書くためには、コードスタイルを知るだけでは不十分で、これらのプログラミング常識を牢记する必要があります:
-
UI レイヤーの疎結合を保証
-
グローバル変数を制御
-
イベント処理ロジックを追加
-
データタイプを検出
-
設定データを分離
-
カスタムエラーをスロー
-
オブジェクトの所有権を尊重
-
ブラウザ検出を行う
詳細については [黯羽轻扬:JS プログラミング常識](/articles/js プログラミング常識/) を参照してください
三.JavaScript 自動化
JS 自動化はフロントエンドエンジニアリングの縮図であり、自動化ツールを使用することで保守性を向上させることもできます。いくつかの間違いやすい煩雑な作業は安心してツールに任せることができます
JavaScript 自動化を行う際は、明確にする必要があります:
-
自動化の長所と短所
-
ファイルディレクトリ構造
-
自動化のステップ
詳細については [黯羽轻扬:JS 自動化](/articles/js 自動化/) を参照してください
書評
[caption id="attachment_742" align="alignnone" width="318"]
Maintainable_JavaScript[/caption]
『Maintainable JavaScript』、薄い 200 ページ、非常に良い本です
コメントはまだありません