JS基础（let和const)

一、let（块级变量不可以重置）

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

{
var x=2;
}
在外可以访问
{
let x=2;
}
在外不可以访问：体现了let有块作用域的概念
//两个例子
//例子1
var x = 10; 
// 这里输出 x 为 10 
{ 
var x = 2; // 这里输出 x 为 2
}
// 这里输出 x 为 2
//例子2
var x = 10; // 这里输出 x 为 10
{ 
let x = 2; 
// 这里输出 x 为 2 
} 
// 这里输出 x 为 10

let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。

for (var i = 0; i < 10; i++) 
{ 
// 一些代码... 
}// 这里输出 i 为 10
alert(i);//10
let i = 5;
for (let i = 0; i < 10; i++)
{// 一些代码...} 
// 这里输出 i 为 5
<script>
for (let i = 0; i < 10; i++) {
    // 一些代码...
}
alert(i);
</script>//Uncaught ReferenceError: i is not defined

• 在 JavaScript 中, 全局作用域是针对 JavaScript 环境。在 HTML 中, 全局作用域是针对 window 对象。
  使用 var 关键字声明的全局作用域变量属于 window 对象:

var carName = "Volvo"; // 可以使用 window.carName 访问变量

let carName = "Volvo"; // 不能使用 window.carName 访问变量

*重置变量 使用 var 关键字声明的变量在任何地方都可以修改：

var x = 2; // x 为 2var x = 3; // 现在 x 为3

• 在相同的作用域或块级作用域中，不能使用 let 关键字来重置 var 关键字声明的变量:(在相同的作用域或块级作用域中，不能使用 var 关键字来重置 let 关键字声明的变量:)

var x = 2;       // 合法
let x = 3;       // 不合法

{
    var x = 4;   // 合法
    let x = 5   // 不合法
}
let x = 2;       // 合法
var x = 3;       // 不合法

{
    let x = 4;   // 合法
    var x = 5;   // 不合法
}

• 在相同的作用域或块级作用域中，不能使用 let 关键字来重置 let 关键字声明的变量:

let x = 2;       // 合法
let x = 3;       // 不合法

{
    let x = 4;   // 合法
    let x = 5;   // 不合法
}

• let 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的:

let x = 2;       // 合法

{
    let x = 3;   // 合法
}

{
    let x = 4;   // 合法
}

• JavaScript 中，var 关键字定义的变量可以在使用后声明，也就是变量可以先使用再声明（JavaScript 变量提升）。
  let 关键字定义的变量则不可以在使用后声明，也就是变量需要先声明再使用。

二、const

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

const PI = 3.141592653589793;
PI = 3.14;      // 报错
PI = PI + 10;   // 报错

const声明的变量必须初始化，而let声明的变量不用且之后值不能修改

• const 的本质: const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。下面的代码并不会报错

// 创建常量对象
const car = {type:"Fiat", model:"500", color:"white"};
// 修改属性:car.color = "red";
// 添加属性car.owner = "Johnson";
const car = {type:"Fiat", model:"500", color:"white"};
car = {type:"Volvo", model:"EX60", color:"red"}; // 错误
// 创建常量数组const cars = ["Saab", "Volvo", "BMW"]; // 修改元素cars[0] = "Toyota"; // 添加元素cars.push("Audi");
const cars = ["Saab", "Volvo", "BMW"]; cars = ["Toyota", "Volvo", "Audi"]; // 错误

• 定义

//1
var x = 2; // 合法var x = 3; // 合法x = 4; // 合法
//2
var x = 2;         // 合法
const x = 2;       // 不合法
{
    let x = 2;     // 合法
    const x = 2;   // 不合法
}
//3在相同的作用域或块级作用域中，不能使用 const 关键字来重置 const 关键字声明的变量:
const x = 2;       // 合法
const x = 3;       // 不合法
x = 3;             // 不合法
var x = 3;         // 不合法
let x = 3;         // 不合法
{
    const x = 2;   // 合法
    const x = 3;   // 不合法
    x = 3;         // 不合法
    var x = 3;     // 不合法
    let x = 3;     // 不合法
}
//4const 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的:
const x = 2;       // 合法
{
    const x = 3;   // 合法
}
{
    const x = 4;   // 合法
}