前端作业集

es6作业一

1、var和let区别？

①var属于ES5规范，let属于ES6规范

②var有预处理机制，let没有。预处理机制也就是常说的声明提前

③作用域的不同，var是全局作用域，let是块级作用域

声明提前：不管变量被声明在函数什么位置，所有变量声明都会被提升至函数顶部（变量声明指 var a; 即声明还未赋值）==> 比如声明变量a并赋值为1，即 var a = 1;  则 var a;会被提升至函数顶部 （只是a被提前，a的值1不会被提前）

注：1. 在声明变量时一定要初始化 ，初始化指 var a = 1
         2. 即使在函数内部，声明变量时一定要加上var，不要只写 a = 1; 否则变量a会自动升为全局变量

代码验证

就上面第②点而言：

(function() {
   
	console.log(a);
	var a = 1;
})()

打印结果如下：

分析：以上立即函数执行后，控制台不会打印出1，而是undefined
分析得出结论：因为只有声明被提前，值却没有

(function() {
   
	console.log(a);
	let a = 1;
})()

打印结果如下：

分析： 以上立即执行函数执行后，控制台不会打印出1和undefined，而是报错
分析得出结论：因为let声明的变量不会被提前

---

就上面第③点而言：

(function() {
   
	if(true) {
   
		var a = 1;
	}
	console.log(a);
})()

打印结果如下：

分析： 以上代码控制台会打印出1　
分析得出结论：因为var是全局作用域

(function() {
   
	if(true) {
   
		let a = 1;
	}
	console.log(a);
})()

打印结果如下：

分析： 以上代码控制台不会打印出1，会报错，提示a没有定义
分析得出结论：因为let是块级作用域（let定义的变量只在{}里才能访问到）

2、分析代码执行结果？

var a = 123;
if (true) {
   
	a = 'zsh';
	let a;
}

由于let声明的变量不会被提前，故当执行上面代码时会报错（在初始化之前无法访问’a’）

3、补全代码

原代码：

var person={
   
	name:'zs',
	age:12
}
let str