ホーム>Web デザインのチュートリアル>JavaScript チュートリアル

JavaScript 変数の宣言と命名規則の概要

著者：Eve Cole 更新時間：2022-08-05 09:45:27
この記事では、JavaScriptの記述規則、変数の宣言形式、変数の命名規則と注意点、変数のデータ型、データ型の分類、null(null)を中心にJavaScriptに関する知識を紹介します。と未定義（未定義）について、以下で見てみましょう。皆さんの参考になれば幸いです。

文法規則

  • JavaScript は改行、インデント、スペースを区別しません。

  • 各ステートメントの最後にセミコロンを追加する必要がありますが、セミコロンは必須ではありませんが、将来プログラムを圧縮する場合、セミコロンを追加しないと圧縮後に実行されません。

  • 記号はすべて英語です。括弧、引用符、セミコロンなど。

注釈

プログラムにコメントを追加すると、プログラムの機能を理解しやすくなり、コードの可読性が向上します。コメントの内容を含むプログラムは実行されません。

変数宣言の構文形式:

変数は、システム キーワード var を使用して宣言されます。変数は

、

var時に個別に宣言することも、変数の文字値を同時に宣言することもできます。

// 1 つの変数を宣言します。 var name, sex, age; //英語でカンマ区切りで複数の変数を同時に宣言 var name = "Xiaoqiang" //
変数の宣言と

値

の代入を同時に行う（3通り）

使用方法 最初に宣言する必要があります。変数を宣言するためのキーワードは次のとおりです。

構文: var 変数名 = 変数値;

//

変数の宣言 a = 10;
var の宣言と値の代入を
同時に行う
a = 10; //変数の宣言と代入

複数の変数を宣言し、同時に値を代入します (注: 複数の変数を宣言して値を代入する場合は、変数をカンマで区切ります

) a = 10, b = 20; //複数の変数の宣言と代入は

宣言されませんが、直接代入されます (注意: これは変則的な書き方です!)

//変数の代入 console.log(age)
); //結果は 20 であり、ブラウザはそれを識別するのに役立ちますが
、

宣言のみを

使用して割り当てを行わないことはお勧めできません。
variables console.log( name); //unknown は
宣言も割り当てもされていません。

変数が宣言されていない場合は、値を直接割り当てて

使用する

ことはできません。このとき、name はエラーとなります。 name 変数がまったく存在しないため、定義されていません。 注: エラーが報告された行から始まり、後続のコードは実行されません。

console.log( 'コードの 1 行目です' ); //通常の表示 console.log( name ); // エラー報告 console.log( 'コードの 2 行目です' );実行不可能な

変数 命名規則で

    は大文字と小文字

  • が厳密に区別されます (大文字の変数と小文字の変数は別の変数です)。

  • 変数名は数字で始めることはできませんが、文字、アンダースコア、または $ で始めることはできます

    。

    例: var _name、$age。 ) var 3abc;(間違っています)

  • 変数名をシステム キーワードにすることはできません。

    例: var、switch、for、case、else、while など。

  • JS の変数名では大文字と小文字が区別されます。

    例: name と Name は 2 つの変数です

  • 。JS 内の変数の名前は意味のあるものでなければなりません。

    例: 年齢を表す変数は age で、名前は userName です。

  • 変数名が複数の単語で構成されている場合、2 つの名前付け方法があります

    • 。キャメルケースの名前付け:

      最初の単語はすべて小文字で、後続の各単語の最初の文字です。大文字で表記されます。

      例:

      var userName = "Steel Egg"

    • 下線の命名:

      すべての単語は小文字で、中央でアンダースコアで接続されます。

      例:

      var get_user_name =

"Iron Pillar" 変数のデータ型

変数にはデータ型があり、JavaScript は弱い型、つまり動的言語。コードの実行時に、変数の型を事前に宣言する必要がないことを意味します。変数のデータ型は、変数のデータ型に基づいて JS エンジンによって決定されます。変数の右側の変数値 = (等号)。また、同じ変数を異なる型として使用できることも意味します。この型は「変数の値」に由来します。

つまり、値がどのような型であっても、その変数はその型になります。

  • JS の変数の種類は次のとおりです。

    数値 (数値)、文字 (文字列)、ブール値 (ブール値)、未定義 (未定義)、null (空)、配列 (配列)、オブジェクト (オブジェクト)、関数 (関数)

データ型変数は、

数値型、文字型、ブール型、未定義型、null 型

の 2 つの

基本カテゴリ

に分類されます。

非常に注目すべき機能: 変数名には 1 つの値しか格納できません。

変数 a = 10;
var b = '文字列';
var c = false;
var d = 未定義;
var e = null;

複合データ型

配列、オブジェクト、関数、注目すべき機能: 1 つの変数名に複数の値を格納できる。

var arr = [10,20,30,40];//配列 var today = new Date();//オブジェクト//関数 function myFunction(){
	console.log('関数');
}

数値型：算術演算が可能な変数の数値型

には、整数型、浮動小数点型、NaN（数値ではないことを示す）などがあります。

var a = 999; // 整数型 var b = 0.9; // 浮動小数点型 var c = NaN; //

NaN 数値型の非常に特殊な値 NaN (非数値) は数値ではありません。値は数値型に変換できませんが、プログラムはエラーを報告できません。NaN 値自体は Number 変数です。

文字タイプは、

一重引用符または二重引用符で囲まれた文字列です。

var a = "私は文字列です";
var b = '私も文字列です';
var c = "";

注:

  • 一重引用符と二重引用符は相互にネストできます。
  • 一重引用
  • 符の中にネストできるのは一重引用符のみです。

ブール型

ブール型は論理型とも呼ばれます。値は true (真)、偽 (偽) の 2 つだけです。

ブール値には 2 つの状態しかありません。例: 性別、婚姻状況、照明スイッチなど。

if 条件判定文
var a = true;

によく使われるブール型

。
var b = false;

未定義型 unknown

変数が定義されているが値が割り当てられていない場合、未定義型の値は 1 つだけのundefinedを返します。

オブジェクトのプロパティが存在しない場合も、unknown が返されます。

var a;//変数は定義されていますが、値が割り当てられていません console.log(a) // 未定義

// オブジェクトが定義されています var obj = {
	名前: 'ピンル',
	info:「あなたはとてもセクシーです! '、
	年齢: 20歳
}
var test = obj.gender
console.log(test) // 未定義の

null型

オブジェクトが存在しない場合はnull型が返され、null型の値はnullのみとなります。

これは、オブジェクトのプレースホルダーとして理解することもできます。

変数の値をクリアしたい場合は、null 値を割り当てることができます。

var a = 100;
var a = null //変数にnullを代入して値をクリアします。
関連記事