Javascriptの基本を詳しく説明

変数

基本的な構文

var age=10; //ageという変数を宣言し、それに値を割り当てます。これは変数の初期化と呼ばれます。

var は変数を宣言するために使用される JS キーワードです。他のプログラミング言語の考え方に従って変数を更新し、複数の変数を同時に宣言することもできます。この場合、1 つの var のみを使用し、複数の変数名を英語のカンマで区切る必要があります。

命名規則

文字 (A-Za-z)、数字 (0-9)、アンダースコア (_)、ドル記号 ($) で構成されます (例: usrAge、num01、_name)
大文字と小文字は厳密に区別されます。 var app; と var App; は、数字で始まることはできず、間にスペースを入れない単一の単語でなければならない 2 つの変数です。 18age は間違っており、キーワードや予約語として使用することはできません。例: var、for、while
変数名は意味のあるものでなければなりません。
キャメルケースの命名規則に従ってください。単語の最初の文字は小文字にし、次の単語の最初の文字は大文字にする必要があります。私のファーストネーム

データ型

データ型の紹介

JS は弱い型付けまたは動的言語であるため、変数の値を事前に宣言する必要はありません。型はプログラムの実行中に自動的に決定されます。変数のデータ型は、等号の右側にある変数値のデータ型に基づいて JS エンジンによって決定されます。つまり、同じ変数を異なる型として使用できます。

var age = 10; // これは数値です var age="10" // これは文字列です

JSデータ型は、単純なデータ型と複雑なデータ型に分けられます。
数値文字列ブール値未定義 Null (単純なデータ型はプリミティブデータ型とも呼ばれます)
オブジェクト配列日付関数（複合データ型は参照データ型とも呼ばれます）

しかし、ES6とH5の新しい構文では、Symbolの単純なデータ型が追加されました（これについては後で説明します）。

ここに画像の説明を挿入

番号

一般的なシステムには、2 進数、8 進数、10 進数、16 進数があります。JS では、8 進数の前に 0 を追加し、16 進数の前に 0x を追加します。

//1. 8進数の範囲: 0~7
var num1 = 07; // 10進数の7に相当
var num2 = 019; // 10進数の19に相当
var num3 = 08; // 10進数の8に相当
//2. 16進数の範囲: 0～9、A～F
var 数値 = 0xA;

最大値: Number.MAX_VALUE、この値は: 1.7976931348623157e+308
最小値: Number.MIN_VALUE、この値は 5e-32 です

アラート(Number.MAX_VALUE); // 1.7976931348623157e+308
アラート(Number.MIN_VALUE); // 5e-32

3つの特別な価値
無限大を表す無限は、どんな値よりも大きい
-無限大、無限小、どんな値よりも小さいことを表す
NaN（非数）は数値以外の値を表します

isNaN() は変数が非数値型かどうかを判断します。

var usrAge = 21;
var isOk = isNaN(ユーザー年齢);
console.log(isNum); // false 、 21 は非数値ではありません var usrName = "andy";
console.log(isNaN(userName)); //true、「andy」は数値ではありません

文字列引用符を表すには、一重引用符を使用します。文字列引用符をネストすることもできます。二重引用符を一重引用符でネストしたり、一重引用符を二重引用符でネストしたりできます。ただし、一重引用符と二重引用符を混在させることはできません。エスケープ文字は次のとおりです。

ここに画像の説明を挿入

文字列の長さを取得する
文字列連結文字列 + 任意の型 = 連結後の新しい文字列。 2 つの値を追加すると、結果は値になります。

ブール

true と false、ブール値を数値に追加すると、true の値は 1、false の値は 0 になります。

未定義

宣言されているが値が割り当てられていない変数のデフォルト値は undefined になります。
宣言されていない変数を使用すると、エラーが報告されます。

var 変数;
console.log(変数); // 未定義
console.log('hello' + 変数); // helloは未定義です
console.log(11 + 変数); // NaN
console.log(true + 変数); // NaN

ヌル

var vari = null;
console.log('hello' + vari); // hello null
コンソール.log(11 + 変数); // 11
console.log(true + vari); // 1

データ型変換

フォームまたはプロンプトを使用して取得されたデータは、デフォルトでは文字列型です。この場合、単純に加算演算を直接実行することはできず、変数のデータ型を変換する必要があります。簡単に言えば、あるデータ型の変数を別のデータ型に変換します。

文字列型に変換

ここに画像の説明を挿入

デジタルタイプに変換

ここに画像の説明を挿入

ブール型に変換

ここに画像の説明を挿入

空の値や負の値は、''、0、NaN、null、undefinedなどのfalseに変換されます。
その他の値はすべて true に変換されます。

console.log(Boolean('')); // false
console.log(Boolean(0)); // 偽
console.log(Boolean(NaN)); // 偽
console.log(Boolean(null)); // 偽
console.log(Boolean(undefined)); // false
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // 真

拡張ポイント

インタプリタ言語とコンパイル言語。
コンピュータは、プログラムを実行する前に、プログラミング言語を（トランスレータを使用して）機械語にコンパイルする必要があります。
翻訳者が機械語に翻訳する方法には、コンパイルと解釈の 2 つの方法があり、その違いは翻訳の時点にあります。
コンパイラは、コードが実行される前にコンパイルし、中間コードファイルを生成します。インタープリタは、実行時にそれをリアルタイムで解釈し、すぐに実行します。

ここに画像の説明を挿入

識別子は、開発者が変数、パラメーター、関数に付ける名前です。識別子にはキーワードや予約語は使用できません。
キーワードとは、JS 自体ですでに使用されている単語を指し、変数名やメソッド名として使用することはできません。

含まれるもの: break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with

予約語は、将来キーワードになる可能性がある予約キーワードです。

含まれるもの: boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile など。