JavaScript のテストとデバッグの負担を軽減します。-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript のテストとデバッグの負担を軽減します。

黄舟

Dec 14, 2016 pm 03:46 PM

JSP、ASP.NET、ColdFusion などの Web 開発プラットフォームは、多数の強力なサーバーサイド開発オプションを提供します。ただし、JavaScript を使用したクライアント側の Web 開発を否定するものではありません。

JavaScript はロジック機能とユーザーインターフェイス機能の両方を提供し、サーバー側の処理の負荷を軽減します。私たちは何年も使っていますが、その開発ツールは少し時代遅れです。次に、JavaScript の開発とデバッグのオプションを詳しく見てみましょう。

開発ツール

Visual Studio や NetBeans などの統合開発環境 (IDE) の使用に慣れている場合は、コードのステップ実行、ブレークポイントの設定、変数の監視などのさまざまなデバッグオプションに精通している必要があります。これらは、コードの実行を監視したり、バグを追跡したりする場合に不可欠なツールです。残念ながら、これらのツールは JavaScript 開発者の間ではあまり人気がありません。

デバッグ

アプリケーション開発における重要なステップは、スクリプトまたはコード内のエラーを追跡することです。これには、コード断片を分離し、一行ずつ分析することが含まれます。 JavaScript を使用する場合、開発ツールが開発される前に使用されていたメソッドを使用できます。

この場合、最も一般的に使用される JavaScript 関数の 1 つは、警告メッセージボックスです。これを使用して、変数/オブジェクトに格納されている値を調べたり、ループで使用してオブジェクトの内容を表示したりできます。

たとえば、リスト A の HTML コードは期待どおりに実行されません:

JS Test
function validate() {
var doc = document.forms[0];
var flag = true;
if (doc.fullName.value = '')
flag = false;
if (doc.contactNumber.value = '' )
flag = false;
if (フラグ) doc.submit()
elsealert('送信する前に値を入力してください。');
}

html> ;

フォームが実際に送信される前に、2 つのテキストフィールドに入力された値が検証されるのは当然です。

このフォームは入力された値に関係なく常に送信されるため、アラートステートメントを使用してスクリプトの実行中に値の内容を確認できます。リスト B のスクリプトは、アラートステートメントを使用して変数の値を監視します:

JS Test

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。