典型的な「動的言語の間違い」を回避する方法は？

私は最近、膨大なユーザーベースから利益を得たいと思ったため、JavaScriptに数時間を費やしました。そうすることで、ほとんどの人が動的言語に起因するパターンに気付きました。物事は本当に迅速に機能しますが、コードが特定のサイズに達すると、一般的にタイプ、スペル、リファクタリングのエラーで多くの時間を無駄にします。コンパイラが通常私を免れるエラー。また、別のモジュールでタイプミスをしたばかりのときに、ロジックのエラーを探す必要はありません。

JavaScriptや他の動的に型付けされた言語に続く信じられないほどのことを考えると、私のアプローチに何か問題があると信じるようになりました。または、これはあなたが支払わなければならない価格ですか？

もっと簡潔に言うと：

• 〜2000 LOCでJavaScript（またはその他の動的言語）プロジェクトにどのようにアプローチしますか？
• これらの間違いを防ぐためのツールはありますか？私はFacebookとJSHintによるフローを試みましたが、これは多少役立ちますが、タイプミスはキャッチしません。

特にJavaScriptについて言えば、代わりにTypeScriptを使用できます。それはあなたが言及しているもののいくつかを提供します。ウェブサイトの引用：

型を使用すると、JavaScript開発者は、JavaScriptアプリケーションの開発時に、生産性の高い開発ツールと静的チェックやコードリファクタリングなどのプラクティスを使用できます。

そして、これはJSの単なるスーパーセットです。つまり、既存のコードの一部はTSで問題なく動作します。

TypeScriptは、何百万ものJavaScript開発者が今日知っているのと同じ構文とセマンティクスから始まります。既存のJavaScriptコードを使用し、一般的なJavaScriptライブラリを組み込み、JavaScriptからTypeScriptコードを呼び出します。

役立つアプローチがいくつかあります。

単体テスト

可能な場合は単体テストを作成します。手動でのテストに頼るだけ、または野生のバグを見つけるのは当たり前です。

フレームワークを使用する

独自に展開してバグを導入するリスクを負うのではなく、可能な場合は確立されたフレームワークを使用してください。

CSS /高級言語を好む

CSSに機能を委任できる場所、または記述している高水準言語。

リファクタリング

コードの量を減らすためにリファクタリングします。少ないコード=物事がうまくいかない場所が少なくなります。

再利用

既存のコードを可能な限り再利用します。コードが完全に一致していなくても、新しく何かを書くよりも、コピー、貼り付け、修正する方が良い場合があります。

IDE

一般に、最新のIDEには少なくともいくつかのJavaScriptサポートがあります。一部のテキストエディターもJavascript対応です。

まだ言及されていないツールの 1つは、単純なファイルローカルまたはプロジェクト全体のテキスト検索です。

簡単に聞こえますが、いくつかの正規表現を含めると、ドキュメントやソースコードにある単語の検索など、基本から高度なフィルタリングを実行できます。

私にとっては（静的アナライザー以外に）有効なツールであり、プロジェクトのサイズが2k LOCであると考えると、私の意見ではそれほど大きくありませんが、うまくいけば驚異的に動作するはずです。

現在、大規模なAngularJSプロジェクトで数千行のコードをリファクタリングしています。最大の問題の1つは、特定の関数の正確なコントラクトを把握することです。生のAPIレスポンスの要素は、修正される前に6層のコードを通過し、さらに6層のコードを経由して返される変数に割り当てられたため、時々APIドキュメントを読むことになりました。

私の最初のアドバイスは、契約によって設計することです。TypeScriptまたは少なくともJSDocを使用して、特定の入力を取得し、特定の出力を生成し、副作用を回避し、それらの期待を文書化します。

2つ目のアドバイスは、できるだけ多くのチェックを実装することです。AirBnB標準に従い、コードベース全体でeslintを使用します。コミットフックは、常に標準に従っていることを確認します。一連の単体テストと受け入れテストが自然にあり、すべてのコミットはピアによってレビューされる必要があります。

また、テキストエディター（Sublime Text）から適切なIDE（WebStorm）に切り替えることで、一般的なコードの操作がはるかに簡単になりました。WebStormはJSDocを使用して、予想されるパラメータータイプに関するヒントを提供し、間違ったタイプを指定した場合や、誤った方法で戻り値を使用した場合にエラーを発生させます。

JavaScriptでは、シンボルやゲッター/セッターなどの新機能は、変数の割り当てにアサーションを追加することで特定のレベルの品質を強化するのに役立ちます（たとえば、整数が範囲内であること、データオブジェクトに特定の属性があることを確認します）。

残念ながら、動的な言語の間違いを防ぐ真の解決策はないと思います。頻度を減らすのに役立つ一連の対策だけです。

「〜2000 LOCでJavaScript（またはその他の動的言語）プロジェクトにどのようにアプローチしますか？」という質問に対する私の答え

PDFフォームアプリケーションを開発しています。ペトリのネット要素と注釈を使用して、JavaScriptソフトウェア開発プロジェクトに（ソースコードのサイズに関係なく）アプローチします。このメソッドは、特定のプログラミング言語テクノロジーに関連付けられていません。したがって、他の「プログラミング言語」に使用できます。

アプリケーションロジックの図を作成します。図を整理するために、図で使用するフォームにほとんどの注釈を追加します。フォームのエントリには、プロパティまたは関数への参照が含まれます。次に、図の情報とフォームのエントリに基づいてソースコードを記述します。記述されたすべてのソースコードは、フォームの図とエントリから直接マップされるため、この方法は体系的です。ソースコードは、コードを記述するときに命名規則とコーディング規則にも従うため、簡単に確認できます。

たとえば、すべての関数がプロトタイプであるという規則を選択しました。パフォーマンスが問題になる場合は、コンストラクターで関数を宣言することで改善できます。一部のプロパティでは、配列を使用します。また、パフォーマンスが問題になる場合は、直接参照を使用して改善できます。

evalも使用します。これにより、ソースコードのサイズを大幅に削減できます。パフォーマンスの問題のため、アプリケーションの開始部分または初期化部分でevalを使用しています。「ランタイムロジック」では使用しません。これは、私が従うもう1つのコーディング規則です。