1. var 的特性与问题

var是 JavaScript 最早的变量声明方式，但它存在一些与直觉不符的特性，在现代开发中已不推荐使用。

// 早期的JS 就用来页面交互，有一些缺失甚至设计不合理的地方
// 语言精粹， The Good Parts, The Bad Parts
// es5 只有var 声明变量，没有常量
var age = 18; // js 弱类型，由值决定
age++;
var PI = 3.1415926; // 变量大写 约定就不应该改变 编程习惯
console.log(age);

var的主要问题在于变量提升特性：

变量提升意味着var声明的变量会在代码执行前被提升到作用域顶部，这可能导致意外的行为和降低代码可读性。

2. let 的块级作用域

ES6 引入的let解决了var的许多问题，其中最关键的是引入了块级作用域：

{   // 块级作用域
    var age=18; // 不支持块级作用域
    let height = 188; // 支持块级作用域 最大型项目或高级语言的核心
}


console.log(age); // 输出18，var声明的变量在块级作用域外仍可访问
console.log(height); // 报错：ReferenceError: height is not defined

上述代码中，let声明的height只在块级作用域（{}内）有效，在作用域外访问会抛出ReferenceError。这一特性让 JavaScript 更符合其他高级编程语言的特性，也更适合大型项目开发。

let还解决了变量提升的问题，引入了暂时性死区：

const PI = 3.1415926;
const person={
    name: "nwk",
    age: 20
}
// person = 'hahaha'; // 报错：TypeError: Assignment to constant variable
person.age=21; // 允许修改对象属性
console.log(person); // 输出：{ name: 'nwk', age: 21 }

const wes = Object.freeze(person); // 冻结对象
console.log(wes);
wes.age = 17; // 尝试修改冻结对象的属性，不会生效也不会报错
console.log(wes); // 输出：{ name: 'nwk', age: 21 }

// js 中函数是一等公民，编译阶段就会进行函数提升
// 和var 相同的地方都会提升，不同的地方在于var只会提升变量声明
// 而函数不只提升声明，连赋值也一起提升
setWidth(); // 可以在函数声明前调用，因为函数被完全提升


// 全局作用域
function setWidth(){
    // 函数作用域 局部
    var width=100;
    { // 块级作用域
        let a=1;
    }
    console.log(width); // 输出100
}


setWidth();
// console.log(width); // 报错：ReferenceError: width is not defined