『メンテナンスできるJavaScriptの作成』のプログラミング実践

2026 ワード

最近『メンテナンスできるJavaScriptを編纂しました』を読みました.とても勉強になりました.符号化の過程で、注意すべき方面を指定しました.チーム協力の中で特に役に立ちます.メンテナンス性は非常に大きな話題です.この本はいいスタートです.
本书は短いが、五臓が揃っており、主にプログラミングスタイル(基本フォーマット、注釈、文と表式、変数)、プログラミング実践(UI层松カップリング、大域変数などの使用を避ける)、自動化、3つの部分の内容をカバーしています.
本論文は主に本の中の 章の核心内容を整理してまとめました.他の二章 の部分は現在の流行傾向に合わせて新たに整理して、後で皆さんと共有します.
第5章UI層の松結合
  • Web開発の三大要素、HTML(構造、内容)、CSS(レイアウト、様式)、JavaScript(インタラクティブ、挙動)
  • は、JavaScriptをCSSから引き出す
  • は、CSSをJavaScriptから
  • を引き出す.
  • は、JavaScriptをHTMLから引き出す
  • HTMLをJavaScriptから
  • まで引き出します.
    第6章グローバル変数の使用を避ける
  • による問題:命名衝突、コードの脆弱性、予測困難、意外なグローバル変数
  • 単大域変数:できるだけ少ない大域変数に依存して、つまりグローバル変数だけを作成する
  • 名前空間:機能を名前空間によってグループ化します.l例えば:var oa 30.0 doc.workflow={}
  • モジュール:機能をモジュールによってグループ化し、非同期モジュールによってAynchronous Module Definitionを定義し、AMDモード
  • と略称する.
  • ゼログローバル変数:簡単な機能で、自己実行関数により、グローバル変数の作成を避けることができます(厳密なモードが必要です)
  • 第7章事件処理
  • 規則1:隔離アプリケーション論理
  • ルール2:イベントオブジェクトを配布しない
  • 第8章『空き比較』を避ける
  • 元の値を検出し、typeof
  • を常用する.
  • は参照値を検出します.検出関数用のtype of、検出配列用のObject.prototype.toString.call==='[Object Aray]'
  • は属性を検出し、in演算子を使用して、インスタンスオブジェクトの属性のみを検出することが望ましい場合、ハスOwnProperty()
  • を使用する必要がある.
    第9章配置データをコードから分離する
  • 設定データには、URL、重複値、ユーザに提示したい文字列、設定、変更可能な値
  • があります.
  • 設定データを分離し、個別のファイルに保存し、論理コードと分けて
  • に保存する.
    第10章カスタムエラーの投げ方
  • 各ブラウザに対応するために、スローされたエラーがErrオブジェクトであることを確認してください.例えば、throw new Errer('i am a error.')
  • は、throwまたはtry-catchを使用するか、エラーはアプリケーションスタックの中で最も深い部分から投げ出すべきであり、トラヒック論理コードはエラー処理の能力があるべきである
  • .
    第11章あなたの対象ではないので動かないでください.
  • 変更しないでください.元のオブジェクト、DOMオブジェクト、BOMオブジェクト、クラスオブジェクト
  • 原則:カバーしない方法、追加しない方法、削除しない方法
  • より良い方法は、オブジェクトベースの継承、タイプベースの継承、外観パターン
  • を使用することである.
  • Polypillに関する注釈
  • ECMAScript 5は、拡張、密封、凍結を防ぐための3つの変更対象のレベルを導入しています.
    第12章ブラウザの嗅ぎ込み
  • User-Agentは、古いまたは特定のバージョンだけに使用できるブラウザを検出し、最新のバージョンまたは将来のブラウザに使用してはならない.
  • は、特性検出を可能な限り使用し、次いでUser−Agent検出を考慮し、特性推定およびブラウザ推定を永遠に使用しないでください.
  • 拡大して読む
  • 『メンテナンスできるJavaScriptを作成する』