VUE3.0 をすぐに使い始める方法: 学習に入る
1. 変数の概念
: プログラム開発では、変数名、関数名、これらの記号は識別子と呼ばれます。
定義ルールは
有効な識別子は、it、It、age66、_age、$name です。
不正な識別子は、to、to、798lu です。
識別子に複数の単語が必要な場合
、一般的な表現方法は下線方法です ( user_name など)。キャメル ケース (userName など) と Pascal メソッド (UserName など)。たとえば、変数の命名には通常アンダースコア法が使用され、関数名の命名には通常キャメルケース法が使用されます。
予約キーワード: JavaScript 言語で事前に定義され、特別な意味が与えられている単語を指します。
将来の予約キーワード: 予約されており、将来予約キーワードになる可能性のある単語を指します。
予約されたキーワード
キーワードを変数名や関数名として使用することはできません。キーワードを使用しないと、JavaScript の読み込み中に構文エラーが発生します。
将来のために予約されているキーワード
識別子を定義するときは、将来予約キーワードをキーワードに変換する際のエラーを避けるために、将来の予約キーワードを使用しないことをお勧めします。
: 変数は、データを格納するためのコンテナーとみなすことができます。
たとえば、水の入ったカップ、そのカップは変数を参照し、カップの中の水は変数に格納されたデータを参照します。
構文: JavaScript の変数は通常、var キーワードを使用して宣言され、変数名の命名規則は識別子と同じです。
例: 正当な変数名 (number、_it123 など)、不正な変数名 (88shout、&num など)。
が
、var キーワードを直接省略して変数に値を代入することもできます。ただし、JavaScript は動的コンパイルを使用するため、プログラムの実行中にコード内のエラーを見つけるのは簡単ではありません。そのため、変数を使用する前に変数を宣言する良い習慣を身に付けることをお勧めします。
定数: 定数は、スクリプトの実行中に値が決して変化しない量として理解できます。
特徴: 一度定義すると、変更したり再定義したりすることはできません。
例: 数学における円周率は定数であり、その値は固定されており、変更できません。
構文: const キーワードは ES6 で新しく追加されたもので、定数の定義に使用されます。
定数の命名規則: 定数名には常に大文字を使用するのが一般的です。
定数の値: 定数は、割り当てられたときの特定のデータであることも、式または変数の値であることもできます。
2. データ型
JavaScript におけるデータ：値を使用または代入する場合、具体的な設定内容に応じて対応する型を決定します。
ただし、すべてのコンピューター言語には独自のサポートされるデータ型があり、JavaScript も例外ではありません。
参照データ型については、後の章で詳しく紹介します。
ブール型は、JavaScript でよく使用されるデータ型の 1 つで、通常は論理的な判断に使用されます。
ture | false は
、厳密に大文字と小文字に従って物事の「true」と「false」を表すため、true と false の値は、すべて小文字の場合にのみブール型を表します。
JavaScript の数値型は、整数と浮動小数点数を区別しません。すべての数値は数値型です。
指定される値は、JavaScript で数値指定できる範囲を超えない限り。
NaN 非数値
型 文字型(String)は、Unicode文字や数字などから構成される文字列です。一般にこの文字列を文字列と呼びます。
機能: テキストのデータ型を表します。
構文: プログラム内の文字データは一重引用符 (") または二重引用符 ("") で囲まれます。
質問:一重引用符の中で一重引用符を使用したり、二重引用符の中で二重引用符を使用したりするにはどうすればよいですか?
回答: エスケープ文字「」を使用してエスケープします。
文字列内で改行やタブなどの特殊記号を使用する場合は、エスケープ文字「」も使用する必要があります。
データ型の検出が必要なのはなぜですか? 次の例を使用して説明します。
変数 sum のデータ型とその理由を分析して教えてください。
答えを考えてみましょう。変数 sum は文字型です。
プロセス分析: 演算子「+」のオペランドの 1 つが文字タイプである限り、それは文字の結合を表します。この場合の演算に含まれる 2 つの変数は、num1 が数値型、num2 が文字型であるため、最終的な出力変数 sum は、num1 と num2 を連結した文字列になります。
考察と結論: 開発中の操作に関連するデータ型の要件がある場合、データ型の検出を実行する必要があります。
JavaScript では、データ型を検出するために次の 2 つの方法が提供されています。
typeof 演算子は、オペランドの未計算の型を文字列形式で返します。
typeof を使用して null の型を検出すると、null の代わりに object が返されます。
JavaScript ではすべてがオブジェクトであるため、Object.prototype.toString.call() の拡張関数を使用すると、データ型をより正確に区別できます。
Object.prototype.toString.call(data) の戻り値は、「[オブジェクト データ型]」の形式の文字結果です。 (戻り値は console.log() で確認できます。)
データ型変換 - ブール型
アプリケーション シナリオへの変換: データの比較や条件判断など、式やプロセス制御ステートメントでよく使用されます。
実装構文: Boolean() 関数。
注: Boolean() 関数は、空でない文字列とゼロ以外の値を true に変換し、空の文字列、0、NaN、未定義、null を false に変換します。
デモ例: ユーザーがコンテンツを入力したかどうかを判断します。
Analyze Boolean(con):
データ型変換 - 数値
アプリケーション シナリオへの変換: 開発中に計算のためにユーザーから渡されたデータを受け取るとき、計算に含まれるすべてのデータが数値であることを確認するために、多くの場合、データを変換する必要があります。
実装構文: Number() 関数、parseInt() 関数、または parseFloat() 関数。
デモンストレーション例: ユーザー入力に基づいて完全な自動合計を実行します。
数値型を変換する関数の使用には特定の違いがあります。
なお、
実際の開発では、変換結果がNaNであるかどうかの判定も必要となり、NaNでない場合のみ演算を行うことができる。このとき、isNaN() 関数を使用して、指定された値が未定義、NaN、および {} (オブジェクト) の場合は true を返し、それ以外の場合は false を返します。
データ型変換 - 文字型
実装構文への変換: String() 関数および toString() メソッド。
実装方法の違い: String() 関数は、任意の型を文字型に変換できます。toString() メソッドを持たない null と未定義を除き、他のデータ型は文字変換を完了できます。
デモンストレーション例: ユーザー入力に基づいて完全な自動合計を実行します。
toString() メソッドがデータ型変換を実行する場合、num4.toString(2) などのパラメーター設定を通じて、値を指定した基数の文字列に変換できること
に注意してください。
これは、最初に 10 進数の 26 を 2 進数の 11010 に変換し、次に文字データを変換しています。
概念: 式は、さまざまなタイプのデータ、変数、演算子のコレクションにすることができます。
最も単純な式は変数にすることができます。
