javaScript 中关键字var let const

var 语句

定义：var 语句用于声明变量
下面展示一些 内联代码片。

"声明"一变量:
变量声明后，变量为空 (没有值)。
var carName;
为变量赋值，操作如下:
carName = "hello";
声明变量时，同样可以为变量赋值：
var carName = "Hello";

语法

var varname = value;

参数	描述
varname	变量名可以包含字母，数字，下划线和美元符号。 变量名必须以字母开头 变量名也可以以$和_开头（但一般不这么用） 变量名是大小写敏感的（y和Y是不同的变量） 保留字（如JavaScript关键字）不能作为变量名使用

let
定义：在块中重新声明变量不会重新声明块外的变量

实例

var x = 10;
// 此处 x 为 10
{ 
  let x = 6;
  // 此处 x 为 6
}
// 此处 x 为 10

通过 let 关键词定义的全局变量不属于 window 对象：

let carName = "porsche";
// 此处的代码不可使用 window.carName

在相同的作用域，或在相同的块中，通过 let 重新声明一个 var 变量是不允许的：

var x = 10;       // 允许
let x = 6;       // 不允许

{
  var x = 10;   // 允许
  let x = 6;   // 不允许
}

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

在声明 let 变量之前就使用它会导致 ReferenceError。

变量从块的开头一直处于“暂时死区”，直到声明为止：

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

const PI = 3.141592653589793;
PI = 3.14;      // 会出错
PI = PI + 10;   // 也会出错

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

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

var x = 10;
// 此处，x 为 10
{ 
  const x = 6;
  // 此处，x 为 6
}
// 此处，x 为 10

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

// 不正确
const PI;
PI = 3.14159265359;
// 正确
const PI = 3.14159265359;

不是真正的常数
关键字 const 有一定的误导性。

它没有定义常量值。它定义了对值的常量引用。

因此，我们不能更改常量原始值，但我们可以更改常量对象的属性。

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

// 不正确
const PI = 3.141592653589793;
PI = 3.14;      // 会出错
PI = PI + 10;   // 也会出错

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

// 可以创建 const 对象：
const car = {type:"porsche", model:"911", color:"Black"};

// 可以更改属性：
car.color = "White";

// 可以添加属性：
car.owner = "Bill";

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

const car = {type:"porsche", model:"911", color:"Black"};
car = {type:"Volvo", model:"XC60", color:"White"};    // ERROR

常量数组可以更改

// 可以创建常量数组：
const cars = ["Audi", "BMW", "porsche"];

// 可以更改元素：
cars[0] = "Honda";

// 可以添加元素：
cars.push("Volvo");

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

const cars = ["Audi", "BMW", "porsche"];
cars = ["Honda", "Toyota", "Volvo"];    // ERROR

JavaScript中var、let、const区别

如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。

var a = 1; //此处声明的变量a为全局变量
function foo(){
   var a = 2;//此处声明的变量a为函数foo的局部变量
   console.log(a);//2
}
foo();
console.log(a);//1

如果在声明变量时，省略 var 的话，该变量就会变成全局变量，如全局作用域中存在该变量，就会更新其值。

var a = 1; //此处声明的变量a为全局变量
function foo(){
   a = 2;//此处的变量a也是全局变量
   console.log(a);//2
}
foo();
console.log(a);//2

注意：var 声明的变量存在提升（hoisting）。

提升是指无论 var 出现在一个作用域的哪个位置，这个声明都属于当前的整个作用域，在其中到处都可以访问到。注意只有变量声明才会提升，对变量赋值并不会提升。

console.log(a);//undefined
var a = 1;

let 声明的变量，具有如下几个特点：

1、let 声明的变量具有块作用域的特征。
2、在同一个块级作用域，不能重复声明变量。
3、let 声明的变量不存在变量提升，换一种说法，就是 let 声明存在暂时性死区（TDZ）。

let a = 1;
console.log(a);//1
console.log(b);//Uncaught ReferenceError: b is not defined
let b = 2;

function foo(){
    let a = 1;
    let a = 2;//Uncaught SyntaxError: Identifier 'a' has already been declared
}

const 声明方式，除了具有 let 的上述特点外，其还具备一个特点，即 const 定义的变量，一旦定义后，就不能修改，即 const 声明的为常量。

const a = 1;
console.log(a);//1
a = 2;
console.log(a);//Uncaught TypeError: Assignment to constant variable.

但是，并不是说 const 声明的变量其内部内容不可变，

const obj = {a:1,b:2};
console.log(obj.a);//1
obj.a = 3;
console.log(obj.a);//3

所以准确的说，是 const 声明创建一个值的只读引用。但这并不意味着它所持有的值是不可变的，只是变量标识符不能重新分配。

总结

• var 声明的变量属于函数作用域，let 和 const 声明的变量属于块级作用域
• var 存在变量提升现象，而 let 和 const 没有此类现象
• var 变量可以重复声明，而在同一个块级作用域，let 变量不能重新声明，const 变量不能修改