①var-----ES5变量声明方式
作用域:函数作用域(function scope)或者全局作用域(global scope),如果在函数内部使用
var
声明变量,则该变量在函数体内始终可见,而在函数外部不可见(即变量的作用范围限定在函数内部)
是否可以重复声明:var
声明的变量可以被重复声明,而且不会抛出错误
②let-----ES6变量声明方式
- 作用域:具有块级作用域(block scope),如果在块(如 `{}`)内使用 let声明变量,则该变量在该块内部可见,而在块外部不可见(即变量的作用范围限定在块内部)
是否可以重复声明:
let 声明的变量不能被重复声明,如果尝试重复声明同一个变量,将会抛出错误
③const-----ES6变量声明方式
作用域:具有块级作用域(block scope)
是否可以重复声明:const
声明的常量不能被重复声明,如果尝试重复声明同一个常量,将会抛出错误使用
const
声明的变量必须进行初始化,并且一旦赋值后就不能再修改其值(const实际上保证的,并不是变量的值不能,而是变量指向的那个内存地址不能修改。即,如果是引用数据类型,可以追加或修改元素的值),如下代码块所示:const person = { name: 'John', age: 30 }; // 对象属性可以修改 person.age = 31; console.log(person); // 输出 { name: 'John', age: 31 } // 但无法重新赋值整个对象,会报错 // person = { name: 'Jane', age: 25 }; // TypeError: Assignment to constant variable. // 数组元素也可以修改 const numbers = [1, 2, 3]; numbers.push(4); console.log(numbers); // 输出 [1, 2, 3, 4] // 但无法重新赋值整个数组,会报错 // numbers = [5, 6, 7]; // TypeError: Assignment to constant variable.