ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 変数の宣言と命名規則の概要

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

WBOY
リリース: 2022-08-03 17:17:01
オリジナル
2322 人が閲覧しました

この記事では、javascript に関する知識を提供します。主に JavaScript の記述規則、変数の宣言形式、変数の命名規則と注意事項、および変数のデータ型、データ型の分類、使用方法などを紹介します。 null(ヌル)とundefine(未定義)、一緒に見ていきましょう、皆さんのお役に立てれば幸いです。

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

[関連する推奨事項: JavaScript ビデオ チュートリアルWeb フロントエンド]

文法規則

  • JavaScript は改行、インデント、およびスペースに敏感ではありません。

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

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

コメント

プログラムにコメントを追加すると、プログラムの機能の理解と説明が容易になり、コードの可読性が向上します。コメント内容。

変数宣言構文形式

変数の宣言は、システム キーワード var を使用して行われます。変数は、個別に宣言することも、同時に複数宣言することもできます。宣言時に、初期化することができます。変数 (変数文字値)

例:

var name;         //声明一个变量
var name, sex, age;  //同时声明多个变量,多个变量间用英文下的逗号隔开
var name = "小强";   //一边声明一边赋值
ログイン後にコピー

変数の宣言 (3 つの方法)

変数は使用する前に宣言する必要があります。キーワード変数の宣言は次のようになります。 var;

语法:var 变量名 = 变量值;
ログイン後にコピー

最初に宣言し、次に値を割り当てます

var a; //变量的声明
a = 10; //变量的赋值
ログイン後にコピー

宣言して同時に値を割り当てます

var a = 10; //变量的声明和赋值
ログイン後にコピー

複数の変数を宣言します。

var a = 10, b = 20; //多个变量的声明和赋值
ログイン後にコピー

宣言せずに直接代入してください (注意: これは変則的な書き方です!)

age = 18; //变量的赋值
console.log( age ); //结果为20,浏览器能帮助识别,但是不规范,不推荐使用
ログイン後にコピー

宣言のみ、値の割り当てなし、デフォルトは未定義です

var name; //变量的声明
console.log( name ); //undefined
ログイン後にコピー

値を宣言または割り当てず、直接使用してください

変数が宣言も値の割り当てもされていない場合直接使用すると、エラーが報告されます。name は定義されていません。この name 変数はまったく存在しないためです。注: エラーが報告された行から始まり、後続のコードは実行されません。

console.log( '我是第一行代码' ); //正常显示
console.log( name ); //报错
console.log( '我是第二行代码' ); //不显示不执行
ログイン後にコピー

変数の命名規則

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

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

    で始めることはできます。例: var _name, $age;(正解) var 3abc;(誤)

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

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

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

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

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

    例: 年齢を表す変数には age が使用され、名前には userName が使用されます。

  • 変数名が複数の単語で構成される場合の 2 つの命名方法

    • キャメルケースの命名:

      最初の単語はすべて小文字で、後続の各単語の最初の文字は大文字になります。

      例:

      var  userName = "钢蛋"
      ログイン後にコピー
    • 下線の名前:

      すべての単語は小文字であり、アンダースコアで接続されています

      例:

      var  get_user_name = "铁柱"
      ログイン後にコピー

変数のデータ型

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

つまり、値がどのような型であるか、変数がどのような型であるかによって決まります。

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

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

変数のデータ型は 2 つのカテゴリに分類されます

基本データ型:

数値型、文字型、ブール型、未定義型、空型。非常に注目すべき機能: 変数名には 1 つの値しか格納できません。

var a = 10;
var b = 'string';
var c = false;
var d = undefined;
var e = null;
ログイン後にコピー

複合データ型

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

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 (非数値) は数値ではありません。他のデータ型を数値型に変換する場合、変換は実行できませんが、プログラムはエラーを報告できません。 . この時点では NaN 値が返されます; NaN 自体は Number 変数です。

文字タイプ

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

var a = "我是一个字符串";
var b = '我也是一个字符串';
var c = "";
ログイン後にコピー

注:

  • 单引号和双引号之间可以相互嵌套;
  • 单引号内只能嵌套双引号;
  • 双引号内只能嵌套单引号。

布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。

布尔型只有两个状态。如:性别、婚否、灯的开关等。

布尔型常用if条件判断语句中

var a = true;
var b = false;
ログイン後にコピー

未定义型 undefined

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined

当一个对象的属性不存在,也返回未定义型。

var a;//定义了变量但未赋值
console.log(a) // undefined

// 定义了一个对象
var obj = {
	uname: '品如',
	info: '你好骚啊!',
	age: 20
}
var test = obj.gender
console.log(test) // undefined
ログイン後にコピー

空型 null

当一个对象不存在时,将返回空型,空型的值只有一个null。

也可以理解为:是一个对象的占位符。

如果想清除一个变量的值的话,可以给赋一个null的值。

var a = 100;
var a = null ;  //将一个null赋给一个变量,用于清除它的值
ログイン後にコピー

【相关推荐:javascript视频教程web前端

以上がJavaScript 変数の宣言と命名規則の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート