声明变量的注意事项

变量命名规则

以字母，下划线，或＄开头 ，后续可以用数字 ，变量的名称叫做标识符，标识符是唯一的，区分大小写，不可使用关键词

三大作用域

全局作用域：

全局（在函数之外）声明的变量拥有全局作用域。

全局变量可以在 JavaScript 程序中的任何位置访问。

函数作用域：

局部（函数内）声明的变量拥有函数作用域。

局部变量只能在它们被声明的函数内访问。

块作用域：使用一对大括号{}创建的作用域。

变量的声明

var：

在块外声明的变量具有全局作用域，在函数内声明的变量具有函数作用域

且通过 var 关键词声明的变量没有块作用域。即在块 {} 内用var声明的变量可以从块之外进行访问。

如

{

  var x = 10;
}
// 此处可以使用 x

如果仅仅声明变量，此时变量没有值

如：

var carName;
此时 carName的值是undefined

所以声明变量时，可以选择性地将其初始化为一个值。

如；

var carName = "porsche";

既可以在一条语句中声明许多变量。

以 var 作为语句的开头，并以逗号分隔变量：

var person = "Bill Gates", carName = "porsche", price = 15000;

也可以横跨多行：

var person = "Bill Gates",
carName = "porsche",
price = 15000;

如果再次声明某个 JavaScript 变量，将不会丢它的值。

在这两条语句执行后，变量 carName 的值仍然是 "porsche"：

实例

var carName = "porsche";
var carName; 

         

let

当在块外声明变量时，此变量就具有全局作用域

也可以声明一个块范围的局部变量，并可选择性地将其初始化为一个值。

通过let关键词在块 {} 内声明的变量无法从块外访问：

实例

{
  let x = 10;
}
// 此处不可以使用 x

        

const

必须在声明变量的同时赋值，且变量不能被重新赋值，如果声明的是数组或对象时可部分更改，其余跟let关键词相似

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

实例

// 可以创建 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

注：

循环作用域

在循环中使用 var：

实例

var i = 7;
for (var i = 0; i < 10; i++) {
  // 一些语句
}
// 此处，i 为 10

在循环中使用 let：

实例

let i = 7;
for (let i = 0; i < 10; i++) {
  // 一些语句
}
// 此处 i 为 7

在第一个例子中，在循环中使用的变量使用 var 重新声明了循环之外的变量。

在第二个例子中，在循环中使用的变量使用 let 并没有重新声明循环外的变量。

如果在循环中用 let 声明了变量 i，那么只有在循环内，变量 i 才是可见的。

重新声明的注意事项

使用 var关键字重新声明变量会带来的问题，在块中重新声明变量也将重新声明块外的变量：

实例

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

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

实例

var x = 10;

// 现在，x 为 10

var x = 6;

// 现在，x 为 6

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

实例

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

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

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

实例

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

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

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

实例

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

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

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

实例

let x = 6;       // 允许

{
  let x = 7;   // 允许
}

{
  let x = 8;   // 允许
}