[TIL-js]コンソール出力とJSは
6628 ワード
console
正式なJSを学んで、もし最も基本的な知っていることがあるならば、それはconsoleです.consoleは、タブで作成されたコードのメッセージをチェックしたり、簡単なJSを実行したりすることができます.また、sourceタブはデバッグ時にも役立ちます.
ここで、コンソールの重要な特徴は、ブラウザが提供する関数として、JSだけでなく、他のプログラミングインターフェースでも利用できるAPI(アプリケーションプログラミングインターフェース)として機能することである.
だからよく勉強すれば、よく役に立ちます!
( https://developer.mozilla.org/en-US/docs/Web/API/Console )console.log('Hello world')
consoleの概念に基づき、実際のJSでconsoleを使用する方法は以下の通りである.feature("")と書けばいいです.
console.log('Hello World')
では、上記の開発者モードでは、次のコンソールのメッセージがはっきりと撮影されています.
HTMLにJSを埋め込む
基本的なコンソールを理解している場合は、HTMLにJSを含める方法について説明します.
<head>にscriptを含める
<head>
<script src="main.js"></script>
</head>したがって、JSファイルが大きい場合は、ページをロードするのに時間がかかります.
<body>の末尾にscriptを含める
<body>
...
<script src="main.js"></script>
</body>
<head>にasyncプロパティ値を挿入
asyncはboolean属性値であり、宣言と同時に真値が与えられる.HTMLを解析するとともに、JSのダウンロードも同時に発生します.そのため、時間を節約できますが、JSのダウンロードが完了するとすぐに実行されるasync機能のため、HTMLはまだ準備ができていないままJSを実行する可能性があります.
<head>
<script async src="main.js"></script>
</head>
<head>にdeferプロパティ値を挿入
これはEllyが推奨する最高のスクリプト挿入方法です.headにdefer属性値を入れてscriptを実行する方法で、HTMLは解析時にJSを発見し、まずダウンロードし、HTMLファイルが準備されたら同時にJSを実行することができます.この方法の利点は、scriptをすばやくダウンロードし、ページを正常に見せることです.(使用をお勧めします!)
<head>
<script defer src="main.js"></script>
</head>
スクリプト作成テクニック「use strict」を使用
JSは短時間で作成された言語なので、非常に柔軟に使用できます.これは間違いの可能性が高いことを意味します.したがって、ECMA 5で新しく追加された事項「use strict」を使用すると、不正な割り当ての値とエラーが修正されます.だから「vanillaJS」をするときに「use strict」で始める習慣!
使用方法)スクリプトコードの最上位レベルで「use strict」;入れて記入するだけです!
▶参考資料
youtube dream符号化:https://youtu.be/tJieVCgGzhs
console: https://developer.mozilla.org/en-US/docs/Web/API/Console
API: https://developer.mozilla.org/en-US/docs/Glossary/API
▶今日習ったこと
▶さらに詳しい内容
Reference
この問題について([TIL-js]コンソール出力とJSは), 我々は、より多くの情報をここで見つけました https://velog.io/@sgr2134/TIL-console출력-및-js포함-방식テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol