ES6 理解(一.let和const命令)

ES6 理解(一.let和const命令)

在ES6中,我们使用let表示变量,const表示常量,并且let和const都是块级作用域,且在当前作用域中有效不能重复声明

var会产生的3个问题

1.变量提升的问题
在ES6中之前,我们 var 声明一个变量,一个函数,都会伴随着变量提升的问题,在以前我们分析代码的时候,我们首先要做的就是 变量提升和形参赋值,按照一般思维习惯,变量都是需要声明后使用

console.log(v1); //undefined
var v1 = 2;
//由于变量提升 代码实际如下
var v1;
console.log(v1);
v1 = 2;
//let声明
console.log(v2) //ReferenceError
let v2 = 2;

var重复声明问题
let 和 const 在相同作用域下,都不能重复声明同一个变量,并且不能再函数内重新声明参数

//1. 不能重复声明同一变量
// 报错
function f1() {
	let a = 1;
	var a = 2;
}
// 报错
function f2() {
	let a = 1;
	let a = 2;
}
//2. 不能在函数内重新声明参数
// 报错
function f3(a1) {
	let a1;
}
// 不报错
function f4(a1) {
	{
		let a1
	}
}

作用域,会污染全局变量

var str = 'zhangsan';
console.log(window.str)  //zhangsan
let str1 = 'zhangsan';
console.log(window.str1) // undefined

const 声明的是常量

const maxItems = 30;
//语法错误: 常量未初始化
const name

用const 声明对象
记住:const 声明不允许修改绑定,但允许修改值,意味着用const声明对象后,可以修改该对象的属性值,但不可以更改引用地址

const person = {
	name: "Nicholas"
}
// 可以修改对象属性的值
person.name = "zhangsan"
// 抛出语法错误
person = {
	name: "zhangsan"
}

总结当更多的开发者迁移到ES6,默认使用const,只有确实需要改变变量的值时使用let,因为大部分变量的值在初始化后不应再改变,而预料外的变量值得改变时很多bug的源头


版权声明:本文为qq_33896607原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。