JavaScript基礎文法学習ノート_JavaScriptスキル

1. 定義
JavaScript は、ページの動的な効果を強化し、ページとユーザー間のリアルタイムの動的な対話を実現するために使用されるスクリプト言語 (インタープリター型プログラミング言語) です。 JavaScript は、ECMA、DOM、BOM

の 3 つの部分で構成されます。

[1] ECMAScript は ECMA-262 によって定義され、コア言語機能を提供します (ECMA は欧州コンピューター製造業者協会です)

[2] DOM ドキュメント オブジェクト モデル。Web コンテンツにアクセスして操作するためのインターフェイスを提供します

[3] BOM ブラウザ オブジェクト モデル、ブラウザと対話するためのメソッドを提供するインターフェイス

2. はじめに
JavaScriptを導入するには、ページ内にJSコードを埋め込む方法と、外部ファイルを導入する方法の2通りがあります

[1] ページ内に埋め込みます

<script>
  alert("My First JavaScript");
</script>

[2]外部jsファイルの導入

[注意] src 属性を持つ 3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素には、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグの間に追加の js コードを含めることはできません。埋め込みコードのみがダウンロードおよび実行され、埋め込みコードは無視されます。

<script src="myScript.js"></script>

4e07eaec52b67b6abe4024604b22f1f1

どのインポート方法であっても、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグを使用する必要があります。 3f1c4e4b6b16bbbd69b2ee476dc4f83a タグは 6 つの属性を共有しますが、そのうちの language 属性は廃止されました。

[1]src: 実行されるコードを含む外部ファイルを表し、ドメインをまたぐことができます

[2] charset: src 属性で指定されたコードの文字セットを示すオプション。ほとんどのブラウザは

を無視します。

[3] defer: オプション。ドキュメントが完全に解析されて実行前に表示されるまでスクリプトを遅らせることができることを示します。外部スクリプトにのみ有効です

[4] async: オプション。スクリプトをすぐにダウンロードする必要があることを示しますが、ページ上の他の操作は妨げられません。外部スクリプトにのみ有効

[5]type: オプションは、言語の代替属性で、コードを記述するために使用されるスクリプト言語のコンテンツ タイプ (MIME タイプとも呼ばれます) を示します。互換性を考慮して、通常は text/javascript です。指定しない場合、デフォルト値も text/javascript

になります。

[6]言語: 廃止されました

非同期と遅延

[1] async も defer も設定されていない場合、ブラウザは指定されたスクリプトをすぐにロードして実行します

352b1442a1f39d4f49881b7e5087d9182cacc6d41bbb37262a98f745aa00fbf0

[2] async のみが設定されている場合、ブラウザはページ上の他の操作をブロックせずにスクリプトを非同期的にダウンロードします

[注意] 非同期スクリプトはページの読み込みイベントの前に実行する必要があります

80430e714222ca8f2749e04af6c962952cacc6d41bbb37262a98f745aa00fbf0

[3] defer のみが設定されている場合、スクリプトはドキュメントが完全に解析されて表示されるまで実行前に遅延されます

8608b2b88d17ea3bade3312665392f0c2cacc6d41bbb37262a98f745aa00fbf0

メモ
コメントはコードの可読性を向上させ、あなたや他の人が Javascript コードを読んで理解するのに役立ちます。コメントの内容は Web ページには表示されず、単一行のコメントと複数行のコメントに分けられます。

//单行注释
/*
多行注释
 */

スペースを無視します JavaScript は余分なスペースを無視します。スクリプトにスペースを追加すると、可読性が向上します

//以下写法均正确
var name="hello";
var name ="hello";
var name = "hello";

コードラッピング
テキスト文字列でバックスラッシュを使用してコード行を折り返すことができます

//正确
document.write("Hello \
World!");
//错误
document.write \
("Hello World!"); 

大文字と小文字を区別します
JavaScript の変数、関数名、演算子では大文字と小文字が区別されます。関数 getElementById は getElementbyID とは異なります。同様に、変数 myVariable と MyVariable も異なります 。

予約語とキーワード
ECMA-262 は、特定の目的を持つ一連のキーワードを記述します。これらのキーワードは、制御ステートメントの開始または終了を示したり、特定の操作を実行したりするために使用されます。キーワード。識別子として使用できない予約語。将来キーワードになる可能性があります。

//第5版在非严格模式下的保留字
Class | enum | extends | super | const | export | import 
//第5版在严格模式下的保留字
Implements | package | public | interface | private | static | let* | protected | yield*