var let const 关键字在 JavaScript 中

在本文中，我们将理解 JavaScript 中的 var、let 和 const 关键字。让我们逐一正确地理解每个关键字。

var 关键字

JavaScript 中的 var 关键字用于在代码中定义变量。语法

在上面的语法中，

var：它是关键字。

variableName：变量的名称代替 variableName。

value：它是提供给变量的值。如果我们不给变量提供任何值，那么会自动设置默认值，即 undefined。

var 关键字的属性

var 关键字的作用域

var 关键字是函数作用域或全局作用域。使用 var 语句声明的变量在代码执行前声明一个值。如果未声明值，则会给变量默认值。

在函数内部定义的变量不能在函数外部访问。

全局声明的变量（即在函数外部）不能被删除，但这些变量可以从任何地方访问。

var 关键字的提升

变量会被提升到其作用域的顶部。如果我们在变量被记录到控制台之后声明并初始化它，那么由于提升，该变量会移动到控制台语句之前，但其初始化不会移动，因此变量值将被设置为 undefined。这是 JavaScript 中 var 的一种特殊行为。

JavaScript var 关键字的演示

演示 1

在以下演示中，我们将全局声明一个变量。

代码

输出

我们可以看到全局变量可以从函数内部和函数外部访问。

演示 2

在以下演示中，我们将在一个语句中声明三个变量。

代码

输出

在这里，在输出中，我们可以看到这三个变量可以从函数内部和函数外部访问。

演示 3

我们将在函数内部声明一个变量，并观察其在函数外部访问时的行为。

代码

输出

在这里，在输出中，我们可以看到当变量“car”从函数内部访问时，它会给出输出，但当变量“car”从函数外部访问时，它会显示错误，因为变量的作用域是函数。

演示 4

我们将在函数内部、在它被记录到控制台之后声明一个变量。

代码

说明

我们在函数内部、在它被记录到控制台之后声明了一个名为“message”的变量。变量“message”被移到函数的顶部，因此它将变量“message”的值打印到控制台，但该值将是 undefined。

输出

在这里，在输出中，我们可以看到当变量“message”在声明之前从函数内部访问时，它会给出输出，但变量“message”的值是 undefined。当变量“message”在声明之后从函数内部访问时，它会输出分配给它的变量“message”的值。

演示 5

在以下演示中，我们将在同一作用域中重新声明和重新赋值变量。

说明

我们重新声明了变量“place”并将其记录到控制台。首先，我们声明并赋值变量“place”，然后记录变量“place”。之后，我们再次声明并赋值变量“place”并再次记录变量消息。

输出

在这里，在输出中，我们可以看到当变量“message”的值按照声明的顺序打印到控制台时。

let 关键字

JavaScript 中的 let 关键字用于声明变量。

语法

在上面的语法中，

let：它是关键字。

variableName：变量的名称将代替 variableName。

value：它是给定变量的值。如果您不给变量赋值，则会自动设置默认值。

let 关键字的属性

let 关键字的作用域

let 关键字支持块作用域、全局作用域和函数作用域。

var 关键字的提升

它不支持提升。

var 关键字的重新声明和重新赋值

它支持在不同块中重新声明和重新赋值，但不支持在同一块中重新声明和重新赋值。

JavaScript let 关键字的演示

演示 1

在给定演示中，我们在一个块中声明了一个变量，这意味着它只能在该块内部访问。

代码

输出

我们可以在下面的输出中看到，当变量 car 在块内部访问时，它会给出输出，但当变量 car 在块外部访问时，它会给出错误。

演示 2

我们将在全局作用域中声明一个变量，这意味着它可以全局访问。

代码

输出

我们可以在下面的输出中看到，当变量 quantity 从程序中的任何地方访问时，它都会给出输出。

演示 3

我们将在函数中声明一个变量，这意味着它可以在函数内部访问。

代码

输出

我们可以看到，当变量 color 从函数中访问时，它会给出输出，但当变量 color 从函数外部访问时，它会显示错误。

演示 4

我们将在不同的块中定义相同的变量。

代码

输出

我们可以看到，相同的变量 color 从不同的块中访问并给出不同的输出。

演示 5

我们将在同一个块中声明相同的变量，看看会发生什么。

代码

输出

我们可以看到，当在块内部访问相同的变量时，它会显示错误，这意味着我们不能在同一个块中声明相同的变量。

const 关键字

const 关键字与 let 关键字相同，它用于声明局部变量。

语法

在上面的语法中，

const：它是关键字。

variableName：变量的名称代替 variableName。

value：它是提供给变量的值。

const 关键字的属性

const 关键字的作用域

const 关键字支持块作用域和函数作用域。

const 关键字的提升

它不支持提升。

const 关键字的重新声明和重新赋值

它支持在不同块中重新声明和重新赋值，但不支持在同一块中重新声明和重新赋值。

JavaScript const 关键字的演示

演示 1

我们已经在块中声明了一个变量，这意味着该变量只能在该块内部访问。

代码

输出

我们可以看到，当在块内部访问变量时，它会显示输出，但当在块外部访问变量时，它会显示错误。

演示 2

我们将在函数中声明一个变量，这意味着该变量只能在该函数内部访问。

代码

输出

我们可以看到，当变量 country 从函数内部访问时，它会提供输出，但当变量 country 从函数外部访问时，它会给出错误。

演示 3

我们将描述不同块中的相同变量。

代码

输出

我们可以看到，相同的变量，即 number，从不同的块中访问并提供不同的结果。

结论

在本文中，我们已经理解了 JavaScript 中的 var、let 和 const 关键字。我们已借助演示正确理解了每个关键字。