メインコンテンツへ移動

良い JavaScript を書く

無料2015-08-30#JS#Mind#Front-End#JavaScript代码风格#Maintainable-JavaScript#可维护的JavaScript#JavaScript编程常识#JavaScript自动化

良いコードは自己説明的であり、コード自体が語る。本稿では JavaScript コードスタイル、プログラミング常識および自動化ツールについて詳細に紹介する

前置き

コードはプログラマーの名刺であり、普通のコードもあれば、巧妙で、緻密で、人を目を見張らせるものもあります。あるコードは見るだけで気持ちが良いですが、あるコードは作者自身も見たくないものもあります……

一.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 Maintainable_JavaScript[/caption]

『Maintainable JavaScript』、薄い 200 ページ、非常に良い本です

コメント

コメントはまだありません

コメントを書く