JavaScriptで変数を宣言する4つの方法とは何ですか

JavaScript で変数を宣言する 4 つの方法: 1. 「var a;」など、「var」を使用して変数を宣言します。 2. 「function Fun (num)」など、「function」を使用して変数を宣言します。 {}"; 3. "let" を使用して変数を宣言します。 4. "const" を使用して変数を宣言します。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

変数を宣言する方法

JavaScript で変数を宣言するにはいくつかの方法があります:

• ES6 より前は、var と function
• New ES6 で let と const

function を追加することは変数を宣言する方法ですか?

検証してみましょう

検証方法 1:

function repeatFun (num) { return num; } repeatFun(10); // 10 var repeatFun = 1; repeatFun(2); // Uncaught TypeError: repeatFun is not a function

このメソッドは var を使用して変数を繰り返し宣言しますが、後者は前の機能を上書きします

見てみましょうここで何が起こったかを見てください:

• 最初に、名前がrepeatFun
• である関数が宣言され、その後1回呼び出されます。結果は10
• です。その後、repeatFun が var で再度宣言され、1 に初期化されます。
• 関数repeatFunが最後にもう一度呼び出されます
• 結果はエラーで、内容は次のとおりです:repeatFunは関数ではありません

実行結果に基づいて、ブラウザのメモリにrepeatFun変数があると推測できます。これは以前の関数であり、後にvarキーワードによって再宣言され、最初は1に変更されました。

検証方法 2:

{ let repeatFun = 1; function repeatFun (num) { return num } } // Uncaught SyntaxError: Identifier 'repeatFun' has already been declared

2 つ目の方法は、

ES6 の構文を使用することです。繰り返し宣言できない let の機能を使用して、関数も同様であることを証明します。宣言された変数

var、let、const の違い:

• 変数宣言のプロモーション

  • var には変数宣言のプロモーションがあります関数は、最初に使用してから宣言することも、その逆も可能です。
  • let と const には、変数宣言を昇格する機能がありません。使用する前に、最初に宣言する必要があります。

• 繰り返し宣言

  • var は繰り返し宣言でき、後者は前者をカバーします
  • let と const は繰り返し宣言できません

• scope

  • var のスコープは関数によって制限されます
  • let と const はブロック スコープです
  • var はグローバルを定義できます変数とローカル変数、let と const はローカル変数のみを定義できます。

• const の特別な点は、宣言後に変更することはできません (参照型と基本型の動作のいくつかの違い) 異なる)
変数宣言の促進

var には変数の機能があります宣言プロモーション。最初に使用してから宣言できます

let と const には変数宣言プロモーションの機能がありません。使用する前に最初に宣言する必要があります。
• 例 1、var 変数のプロモーションを確認します:

var b = a + 1; // b： NaN var a = 1; // a： 1

ログイン後にコピー

次に、変数 a は次のようになります。宣言され、初期認識は 1 です。

変数が宣言されるたびに、その変数は宣言はコードの先頭に配置され、初期化が一度実行されます。値は未定義ですが、代入位置は変更されません。

• #次の書き方でも同じ効果が得られます

var b; var a; b = a +1; // b： NaN a = 1; // a： 1

ログイン後にコピー
• let と const は var とは異なる動作をします

let b = a + 1; // Uncaught ReferenceError: a is not defined let a = 1;

let a = 1; // a： 1 let b = a + 1; // b： 2

Duplicate宣言

• 例 1、繰り返しを確認します。 var:

var a = 1; var a = 2; var b = a + 1; // 3

ログイン後にコピー

• 最初に変数 a を宣言し、1

  に初期化します。次に変数 a を再度宣言し、2

  に初期化します。最後に変数 b を宣言します。初期値は 1
  • 例 2、let ステートメントの繰り返しを確認します:

  let a = 1; let a = 2; // Uncaught SyntaxError: Identifier 'a' has already been declared

  ログイン後にコピー

  var a = 1; let a = 2; //Uncaught SyntaxError: Identifier 'a' has already been declared

  ログイン後にコピー
  明らかに、同じ実行環境で let を使用して宣言された変数は繰り返し宣言できません。そうでない場合は、エラーがスローされます
  const と繰り返し宣言に関して同じように動作させます
  • 
    
  スコープのスコープ

let と const はブロック スコープです

var はグローバル変数とローカル変数を定義できますが、let と const はローカル変数のみを定義できます
• 例として階乗関数をカプセル化します。末尾再帰を使用せず、if を使用して実装に使用します。
例 1、階乗関数はスコープを検証します。

• var num = 5; function factorial(num) { var result = 1，resultValue = 0; for (let i = num - 1; i >= 1; i--) { if (i === num - 1) { resultValue = num * i; }else{ resultValue = num * i / num; } result *= resultValue; } // i 是用 let 进行定义它的作用域仅仅被限制在 for 循环的区域内 // i++;// Uncaught ReferenceError: i is not defined return result; } // result 是用 var 进行定义，他的活动区域在 factorial 函数内 // result++; // var的作用域.html:34 Uncaught ReferenceError: result is not defined factorial(num); // 120

  ログイン後にコピー
const は let と同じように動作します。スコープ内で

例 2、const スコープを確認します:

{ const NUM_1 = 10; } let b = NUM_1 + 1; // Uncaught ReferenceError: NUM_1 is not defined

// 可以挂载到全局作用域上 // var name = 'window scoped'; let name = 'let scoped'; //是不挂载到全局作用域中 let obj = { name: 'myName', sayName () { return function () { console.log(this.name); // 打印出来为空 }; } } obj.sayName()(); console.log(window); //name 这个属性的值没有，如下图

若这样改一下就可以得到我们想要的值：

• 把用 var 定义的 name 的代码取消注释，把用 let 定义的 name 的代码注释。

这个同时也涉及到新问题 this 的指向。后面的文章再详细举例验证

const 的特殊之处

const 与 let , var 其实还是有些地方不一样的

例子1：验证 const 的特殊之处（一）


const NUM = 100; NUM = 1000; // Uncaught TypeError: Assignment to constant variable

• 经过 const 方式进行声明，之后赋值完毕，则不可以进行改变，否则会报错

但是也有例外

例子二：验证 const 的特殊之处（二）

const obj = { name: 'xiaoMing', sayName () { return this.name } }; obj.sayName(); // xiaoMing obj.name = 'xiaoHong'; obj.sayName(); // xiaoHong

• 使用 const 首先声明一个变量 obj , 并且这个变量指向我们在内存中创建的对象，你会发现我们改变里面的属性是没有任何问题

若这样改一下：
例子三：验证 const 的特殊之处（三）

const obj = { name:'xiaoMing', sayName(){ return this.name } }; obj = {}; // Uncaught TypeError: Assignment to constant variable

• 若改变该变量的指向的对象，则就会报错。这种错误和 「 验证 const 的特殊之处（一）」的错误是一样的

更多编程相关知识，请访问：编程视频！！

以上がJavaScriptで変数を宣言する4つの方法とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。