JSFiddle で「テストが定義されていません」エラーが表示されるのはなぜですか? それを修正するにはどうすればよいですか?

壊れた JSFiddle のデバッグ: 「テストが定義されていません」エラーの解決

この JSFiddle では、onclick ハンドラーを備えたボタンがあるにもかかわらず、ボタンをクリックしてもアラートはトリガーされません。コンソールに「テストが定義されていません」というエラーが表示されます。この問題とその解決策を理解するために、JSFiddle の設定をさらに詳しく見てみましょう。

JSFiddle のラップ設定を理解する

デフォルトでは、JSFiddle はすべての JavaScript コードを関数でラップします。ページが完全にロードされると実行されます。これは、JavaScript コードで定義されたすべての変数と関数がこのラッピング関数に対してローカルであり、グローバル スコープではアクセスできないことを意味します。したがって、onclick ハンドラーで使用される関数 test() は認識されません。

ラップ設定の変更による問題の解決

この問題を解決するには、次の変更を行う必要があります。 JSFiddle 設定でコード ラッピングを無効にします。設定パネルを開き、「JavaScript」タブに移動し、「コードをラップしますか?」ドロップダウンで「ラップなし」を選択します。これにより、JavaScript コードが即座に実行され、変数と関数がグローバル スコープで使用できるようになります。

JSFiddle の更新

ラップなしで更新された JSFiddle は次のとおりです。設定: http://jsfiddle.net/zalun/Yazpj/1/

また、JavaScript フレームワークを使用していないため、フレームワークを「ライブラリなし」に切り替えました。

結論

JSFiddle のラップ設定を調整することで、「テスト」の問題を解決しました。定義されていません」というエラーが発生し、ボタンの onclick ハンドラーが意図したとおりに動作できるようになりました。コードの動作に対する JSFiddle 設定の影響を考慮し、コードが正しく実行されるように適切な調整を行うことが重要です。

以上がJSFiddle で「テストが定義されていません」エラーが表示されるのはなぜですか? それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。