浅析Js中const,let,var的区别及作用域

Answer 1

理解：let变量的作用域只能在当前函数中

早期的JavaScript中，声明变量只能使用var关键字定义变量，并没有定义常量的功能。通过var关键字定义的变量，其作用域只能函数级或是全局作用域，并没有块级作用域。ES6(ECMAScript 2015)对这一问题做了改善，增加了用于定义块级变量的let关键字和用于定义常量的const关键字。

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let 和 const。

let 声明的变量只在 let 命令所在的代码块内有效。

const 声明一个只读的常量，一旦声明，常量的值就不能改变。

在 ES6 之前，JavaScript 只有两种作用域：全局变量 与 函数内的局部变量。

var定义变量

1.1 语法及说明

var关键字用于声明一个或多个变量，声明多个变量时使用逗号(,)分隔，声明变量的同时可以对其初始化。

语法法结构如下：

使用var声明变量时，声明的变量作用域是在当前位置的上下文件中：函数的内部（声明在函数内）或者全局（声明在函数外）。

1.2 使用及特点

使用var定义的变量有以下特点：

变量声明提升

无论在代码的任何位置声明变量，执行引擎都会在任何代码执行之前处理。由于这个原因，所以在代码中的任意位置声明变量与在代码开头声明变量是等效的。

这意味着我们可以在定义变量之前使用，这个行为叫做'hoisting'，也就是把所有的变量声明移动到函数或者全局代码的开头位置。

注意：虽然变量声明提升让我们可以先使用再定义变量，但建议总是先定义再使用变量，这样可以让变量的作用域更加清晰。

声明与未声名变量的区别

未声明的变量会被添加一个全局作用域，而声明变量作用域是当前上下文：

声明变量在任何代码执行前创建，而未声明的变量只有在执行赋值操作的时候才会被创建：

声明变量是不可配置属性，而未声明变量是可配置的：

以上三点是声明与未声明变量区别，但错误表现是不可预知的。而在 严格模型下，使用未赋值的变量会抛出异常，推荐总是先定义(声明)再使用变量。

全局作用域与函数作用域

函数内部声明的变量只能在函数内部使用，函数外部声明的变量可以全局使用：

let定义块级变量

2.1 语法及说明

let用于定义块级变量，其语法结构类似于var：

var声明的变量是函数级的或者是全局的，而let用于声明块级作用域。

如，使用let声明一个块级变量：

2.2 与var的异同

let与var的区别主要体现在作用域上，当在子代码块中使用中其声明的是块级变量，而var声明的是全局变量：

在函数或程序顶层使用时，let与var没有什么区别：

const定义常量

const用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改：

const定义常量与使用let定义变量十分相似：

两者还有以下两点区别：

通过 const 定义的变量与 let 变量类似，但不能重新赋值：

实例块作用域

在块作用域内使用 const 声明的变量与 let 变量相似。

在本例中，x 在块中声明，不同于在块之外声明的 x：

实例

在声明时赋值 JavaScript const 变量必须在声明时赋值：

不是真正的常数 关键字 const 有一定的误导性。 它没有定义常量值。它定义了对值的常量引用。 因此，我们不能更改常量原始值，但我们可以更改常量对象的属性。

原始值 如果我们将一个原始值赋给常量，我们就不能改变原始值：

实例

常量对象可以更改

您可以更改常量对象的属性：

实例

但是您无法重新为常量对象赋值：

实例

常量数组可以更改

您可以更改常量数组的元素：

实例

但是您无法重新为常量数组赋值：

实例

重新声明

在程序中的任何位置都允许重新声明 JavaScript var 变量：

实例

在同一作用域或块中，不允许将已有的var或let变量重新声明或重新赋值给const：

实例

在同一作用域或块中，为已有的 const 变量重新声明声明或赋值是不允许的：

实例

在另外的作用域或块中重新声明 const 是允许的：

实例

提升

通过 var 定义的变量会被提升到顶端。如果您不了解什么是提升（Hoisting），请学习提升这一章。

您可以在声明 var 变量之前就使用它：

实例

通过 const 定义的变量不会被提升到顶端。

const 变量不能在声明之前使用：

实例