JavaScriptの基本構文

JavaScriptの最初の知り合い

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src=""></script>
    </head>
    <body>
        <script>
            // 这里是输出
            alert('我叫闫海静!');
            console.log('大家都这样说！!');
            document.write('我比李赔钱要好看');
        </script>
    </body>
</html>

<script>JavaScriptコードは内部に配置されます。
コメント
```
// 单行注释符 ctrl + /
/* 块状注释符，多行注释符 */ alt + shift + a
```
効果：
1. プログラムの説明を書く。
2. 一部のコードは一時的に使用されていません。最初にコメントアウトしてください。
3. コードをデバッグします。
コンテンツを出力するガジェット：
- alert()、ポップアップボックスの形式でコンテンツを出力します。
- console.log()、コンソールログの形式でコンテンツを印刷します。
  
  後の学習プロセスでコンソールをよく見ます。
- document.write()ページにコンテンツを表示します。
ESのすべてのステートメントは、セミコロンで終わります。セミコロンは省略できます。省略した場合、パーサーがステートメントの終わりを決定します。

しかし、提案は常に追加されます。
プログラム内の空白について（スペース、新行、空白行）

これらの空白は無視されます。プログラムの読みやすさを向上させるために空白があります。

__注：__ JavaScriptのすべては大文字と小文字を区別します（変数、関数）。

VS-CODEクローズプロンプト：

// //关闭自动提示
// "editor.quickSuggestions": false,
// "editor.suggestOnTriggerCharacters": false,
// "editor.parameterHints": false,
// "editor.wordBasedSuggestions": false,
// "editor.snippetSuggestions": "none",
// "files.autoSave": "off",
// "editor.autoClosingBrackets": "never",
// "editor.autoClosingOvertype": "never",
// "editor.autoClosingQuotes": "never",
// "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
// "html.autoClosingTags": false,
// "liveServer.settings.donotShowInfoMsg": true,

JavaScriptを使用する他の方法

インラインライティング
- 制限は非常に大きく、イベントにのみ追加でき、使用量も少なくなります。
- コードの分離は最悪であり、読みやすさはそれほど強くありません。
ページに埋め込まれたJavaScriptコード
- bodyタグの最後にscriptタグを記述してから、jsコードを記述します。
- これは、教育および実践的なプロジェクトで最も使用されます。
内嵌式：

スクリプトコードを先頭に置くと、ブラウザは最初にJavaScriptコードを実行し、次に本文でコードを実行します。

スクリプトコードを本文の下部に配置すると、ブラウザは最初に本文のコンテンツを実行し、次にJavaScriptコンテンツを実行します。
外部JavaScriptコードが含まれています

<script>タグを介して外部JavaScriptファイルを含めます。

src属性は必須であり、その値はjsファイルの場所を指します。

javascriptコードを出力するファイルがインポートされていれば問題ありません。

変数

変数とは

変更できる変数は変数と呼ばれます。データを保存するために使用されるコンテナとは何ですか？

変数はコップ（容器）のようなもので、水は私たちのデータのようなものです。コップを手に入れると、その中に水が入ります。

変数の役割（なぜ変数があるのですか？）

計算を実行します。

1バイト（バイト、最小のストレージユニット）= 8ビット（8 0または1）
1KB = 1024バイト
1MB = 1024KB
1GB = 1024MB
1TB = 1024GB
1PB = 1024TB
1EB = 1024PB

バイトとビットでは大文字と小文字が区別されます。

変数の定義

変数を定義してから、値を割り当てます。

 var a;
a = 10;
a = 20;
console.log(a);

1. 先在内存中定义一个容器（a）
2. 将10放进了这个容器中。
3. 将10从这个容器中删除，然后将20放入到这个容器中。
4. 拿到a这个容器就相当于拿到了里面的值（20），拿到之后打印出来。

変数を定義するときに値を直接割り当てます。

var b = 10;
b = 20;
console.log(b); // 返回： 20

上記の2つの方法は同等です。

特別なケース

c = 200;
console.log(c);

誰もこの方法を使用しません。これは定義された変数であると一時的に考えることができますが、厳密に言えばそうではありません。

一度に複数を定義する

最初のケース

var d= 1 , e = 2;
console.log(d);
console.log(e);

2番目のケース

var d = e = 30;
console.log(e);
console.log(d);

最初にe（変数のない変数）コンテナーを宣言し、このコンテナーに30を入れます。
変数d（varを使用）を宣言してからeに等しくします; var d = eと同等です;
eで値30を取得し、この値をdに入力します。

複数の変数を定義します。最初のケースが一般的に使用されます。

変数定義ルール

変数の命名にはいくつかの規則があります。

変数名の定義：

数字、文字、アンダースコア、$記号で構成されています。
数字で始めることはできません。
キーワードや予約語と同じ名前にすることはできません。

キーワード：使用されている言語です。

予約語：将来的にその言語を使用することが可能です。
キーワードと予約語

关键字
break do instanceof typeof
case else new var
catch finally return void
continue for switch while
debugger* function this with
default if throw
delete in try

保留字
abstract enum int short
boolean export interface static
byte extends long super
char final native synchronized
class float package throws
const goto private transient
debugger implements protected volatile
double import public

キーワードや予約語を覚えて自然に避ける必要はありません。また、キーワードや予約語は仕様が変更される場合があります。

コンベンションは、コンベンションによって作られたものです。

名前を付けるときは、それについて考え、意味のあるものにする必要があります。拼音と中国語をさりげなく使用しないでください。

通常、この変数にセマンティクスがない場合は、var a; varbを使用します。変数が特定のセマンティクスを持つ大きなコードを書く場合は、変数名をセマンティクスを持つものとして定義する必要があります。

従来の命名方法（推奨）：

大きなこぶの命名法：var BackgroundColor、各単語の最初の文字を大文字にします。（あまり使用されていません）
小さなこぶの命名法：var backgroundColor、最初の単語の最初の文字は小文字で、残りの各単語の最初の文字は大文字です。
アンダースコア：、var background_color各単語_を区切るために使用します。

ケース： 2つの変数があります。1つは100に格納され、もう1つは200に格納され、値を交換します（2つの方法を使用してください）。

方法1：サードパーティの変数を宣言します。

var a = 100;
var b = 200;
var c;

c = a;
a = b;
b = c;
console.log(a);
console.log(b);

方法2：足し算と引き算を使う

var a = 100;
var b = 200;

a = a + b;//300
b = a - b;//100
a = a - b;//200

console.log(a);
console.log(b);

実行中にコンソールが赤で表示される場合は、プログラムが中断され、次のコードが実行されなくなったことを意味します。

キーワードを変数名として使用すると、コンソールはエラーを報告します。

変数のタイプ（コンテナー内のコンテンツ）

変数はカップであり、カップには多くのものがあります。水、飲み物、醤油

データの種類

基本的なデータ型、オブジェクト（複合、参照）型。
基本データクラス

数

ストリング

ブール値

未定義

ヌル
オブジェクトタイプ（後述）
番号タイプ
- 整数

var int = 10;
console.log(Number.MIN_VALUE);//最小值 5e-324
console.log(Number.MAX_VALUE);//最大值 1.7976931348623157e+308
console.log(int);

最大値と最小値を超える場合は、自動的に切り替わりますInfinity、-Infinity。

その中の数値eは、科学的記数法の代表です。

10進数
- 浮動小数点数には小数点が含まれている必要があり、小数点の後に数字が必要であり、その前に数字は必要ありません。
  var flo = .23と同等var flo = 0.23です。
- 計算時に浮動小数点数が不正確になります。これはすべてのコンピューター言語に当てはまります。

ar flo1 = 0.1;
var flo2 = 0.2;
console.log(flo1 + flo2); //返回：0.30000000000000004

解決策：10進数を整数に拡大（乗算）し、算術演算を実行してから、10進数に縮小（除算）します。

または、指定された数学ライブラリを直接使用して、将来的に操作します。

var flo1 = 0.1;
var flo2 = 0.2;
console.log((flo1*10 + flo2*10)/10); // 0.3

浮動小数点ストレージは整数ストレージよりも多くのメモリを消費するため、エンジンは特定の時間に浮動小数点値を整数に変換します。

var flo = 10.0;
console.log(flo)// 返回：10
//这里的flo输出时，不要加引号，不然会当做字符串处理。

一般的に使用されていないその他の値
- 0bから始まるバイナリ。0、1
- 0oから始まる8進数。0〜7
- 16進数、0xは0-9a-fで始まります

10進数で10の数値があり、それを2進数に変換したいと思います。

文字列タイプ
文字列、文字列は二重引用符または一重引用符で囲むことができます。ESではこれら2つの方法に違いはありません。

var str = '李沛华';
str = '123';//也是字符串。
str = '';//空串
str = '     ';//空白串
str = 'I\'m fine';
console.log(str);

ネストされた引用符がある場合は、交互に使用します。外側では二重引用符を使用し、内側では一重引用符を使用します。外側は一重引用符を使用し、内側は二重引用符を使用します。エスケープ文字を使用することもできます。

\n，换行
\t，制表符
\r，回车
\\，斜杠
\'，单引号
\"，双引号

エスケープ文字は文字列で解釈できます。

JavaScript / JSの基本的な知識ポイント

目次