根据定义，变量是“内存中的命名空间”，用于存储值。换句话说，它充当程序中值的容器。变量名称称为标识符。以下是标识符的命名规则-

• 标识符不能是关键字。

• 标识符可以包含字母和数字。

• 标识符不能包含空格和特殊字符，下划线（_）和美元（$）除外。

• 变量名不能以数字开头。

类型语法

必须先声明变量，然后才能使用它。 ES5语法使用var关键字实现相同的目的。声明变量的ES5语法如下。

//Declaration using var keyword 
var  variable_name

ES6引入了以下变量声明语法-

• 使用let。
• 使用const。

变量初始化是指在变量中存储值的过程。可以在声明变量时或在以后的某个时间点初始化变量。

用于声明和初始化变量的传统ES5类型语法如下-

//Declaration using var keyword 
var variable_name = value

示例：使用变量

var name = "Tom" 
console.log("The value in the variable is: "+name)

上面的示例声明一个变量并输出其值。

成功执行后将显示以下输出。

The value in the variable is Tom

JavaScript和动态键入

JavaScript是一种非类型化语言。这意味着JavaScript变量可以保存任何数据类型的值。与许多其他语言不同，您无需在变量声明期间告诉JavaScript变量将持有哪种类型的值。变量的值类型可以在程序执行期间更改，JavaScript会自动对其进行处理。此功能称为动态键入。

JavaScript变量范围

变量的范围是程序在其中定义的区域。传统上，JavaScript仅定义两个范围-全局和局部。

• 全局范围-可以从JavaScript代码的任何部分访问具有全局范围的变量。

• Local Scope-具有局部作用域的变量可以从声明该函数中访问。

示例：全局变量与局部变量

下面的示例以名称num声明两个变量-一个在函数外部（全局范围），另一个在函数（局部范围）。

var num = 10 
function test() { 
   var num = 100 
   console.log("value of num in test() "+num) 
} 
console.log("value of num outside test() "+num) 
test()

在函数引用变量时，将显示局部作用域变量的值。但是，变量num在函数外部访问时将返回全局范围的实例。

成功执行后将显示以下输出。

value of num outside test() 10
value of num in test() 100

ES6定义了一个新的变量范围-Block范围。

允许和禁止范围

块作用域限制了变量对声明它的块的访问。 var关键字将函数作用域分配给变量。与var关键字不同， let关键字允许脚本将对变量的访问限制为最接近的封闭块。

"use strict" 
function test() { 
   var num = 100 
   console.log("value of num in test() "+num) { 
      console.log("Inner Block begins") 
      let num = 200 
      console.log("value of num : "+num)  
   } 
} 
test()

该脚本在函数的本地范围内声明了一个变量num ，并使用let关键字在一个块内重新声明了它。当在内部块外部访问变量时，将打印局部作用域变量的值，而在内部块内部引用该块作用域变量。

注意-严格模式是选择加入JavaScript的受限变体的一种方式。

成功执行后将显示以下输出。

value of num in test() 100 
Inner Block begins 
value of num : 200

示例：let v / s var

var no = 10; 
var no = 20; 
console.log(no);

成功执行上述代码后，将显示以下输出。

20

让我们使用let关键字重新编写相同的代码。

let no = 10; 
let no = 20; 
console.log(no);

上面的代码将引发错误：标识符’no’已经被声明。使用let关键字声明的任何变量都被分配了块作用域。

允许和阻止级别安全

如果我们试图在同一块中两次声明一个let变量，它将抛出一个错误。考虑以下示例-

上面的代码将导致以下错误-

Uncaught SyntaxError: Identifier 'balance' has already been declared

让和多个块

但是，相同的let变量可以在不同的块级作用域中使用，而不会出现任何语法错误。

例

上面的代码输出如下：

count value inside loop is 1
count value inside loop is 2
count value inside loop is 3
count value inside loop is 4
count value inside loop is 5
count value inside loop is 6
count value inside loop is 7
count value inside loop is 8
count value inside loop is 9
count value inside loop is 10
count value after loop is 100
count inside if block 50
100

const

const声明创建对值的只读引用。这并不意味着它拥有的值是不变的，只是不能重新分配变量标识符。常量是块作用域的，非常类似于使用let语句定义的变量。常量的值不能通过重新分配而更改，也不能重新声明。

以下规则适用于使用const关键字声明的变量-

• 无法为常量重新分配值。
• 常量不能重新声明。
• 常数需要初始化器。这意味着常量必须在其声明期间进行初始化。
• 分配给const变量的值是可变的。

例

const x = 10
x = 12 // will result in an error!!

上面的代码将返回错误，因为不能为常量重新分配值。常量变量是不可变的。

常量是不可变的

与使用let关键字声明的变量不同，常量是不可变的。这意味着无法更改其值。例如，如果我们尝试更改常量变量的值，将显示错误。

上面的代码输出如下：

changed income value is 150000
Uncaught TypeError: Assignment to constant variable

const和数组

下面的示例演示如何创建不可变数组。可以将新元素添加到数组。但是，重新初始化数组将导致错误，如下所示-

上面代码的输出将如下所示-

dept numbers is (5) [10, 20, 30, 50, 40]
employee ids (3) [1001, 1002, 1003]
Uncaught TypeError: Assignment to constant variable.

var关键字

在ES6之前， var关键字用于在JavaScript中声明变量。使用var声明的变量不支持块级作用域。这意味着如果一个变量在一个循环中被声明，或者如果块它可以在循环外访问或如果块。这是因为使用var关键字声明的变量支持提升。

无功和吊装

变量提升允许甚至在声明变量之前在JavaScript程序中使用变量。默认情况下，此类变量将初始化为未定义。 JavaScript运行时将扫描变量声明，并将其放在函数或脚本的顶部。用var关键字声明的变量被提升到顶部。考虑以下示例-

上面代码的输出将如下所示-

undefined
TutorialsPoint

变量和块范围

块作用域限制了变量对声明它的块的访问。 var关键字将函数作用域分配给变量。使用var关键字声明的变量没有块作用域。考虑以下示例-

上面的代码输出如下：

1
2
3
4
5
after the loop i value is 6

变量i在var循环中使用var关键字声明。变量i可以在循环外部访问。但是，有时可能需要限制变量在块内的访问。在这种情况下，我们不能使用var关键字。 ES6引入了let关键字来克服此限制。

无级和块级安全

如果我们在一个块中使用var关键字两次声明相同的变量，则编译器不会抛出错误。但是，这可能会在运行时导致意外的逻辑错误。

上面代码的输出如下所示-

number
object