ES6学习第一天

ES6学习第一天

块作用域
ES5中作用域有全局作用域、函数作用域，没有块级作用域的概念，ES6中新增了块级作用域，块级作用域由{}包括，if语句和for语句里面的{}也属于块作用域
var、let、const
var定义的变量没有块的概念，可以跨块访问，不能跨函数访问，默认会变量提升，变量可以修改
let定义的变量，只能在作用域内访问，不能跨块访问，也不能跨函数访问，变量可以修改。let声明的变量只在let命令所在的代码块内有效，不存在变量提升，不能重复定义，存在暂时性死区
const用来定义常量，使用时必须初始化（赋值），只能在块作用域里访问，不能被修改
let与var的区别：
let只在代码块内有效，var是在全局范围内有效
let不存在变量提升，var默认会变量提升
let只能声明一次，var可以声明多次
在函数内的作用域中，一旦声明（var/let）了变量a，那么在这个作用域内，就不会到外面去找a，在函数中var也存在暂时性死区

var a=1;
		!function(){
			//函数前面加“+”，“-”，“！”，后面加小括号就可以让该函数自调用
			console.log(a);//undefined
			//在传统es5里，作用域内一旦声明（let/var）了变量a，那么在这个作用域内，就不会到外面去找a，var也存在暂时性死区
			var a=2;
			console.log(a);//2
		}()

解构赋值
数组的解构赋值，注意顺序的一一对应

var arr=[1,2,3,4,5,6];
	//	var a=arr[0];
		let [b,a,c,d,e,f]=arr;
		console.log(a,b,c,d,e,f) //1 2 3 4 5 6

对象的解构赋值

var obj={
			a:1,
			b:2,
			c:3
		}
		let {b,d,c}=obj;
		console.log(a,b,c);//1 2 3 

字符串的解构赋值

let str="hello";
		let [a,b,c,d,e]=str;
		console.log(a,b,c,d,e); //h e l l o

参数的解构赋值

function add([x, y]) {
		return x + y;
	}
console.log(add([1, 2]))//3

数组的扩展
Array.from()用于将两类对象转为真正的数组：类似数组的对象和可遍历的对象

forEach()把数组里的每一个元素都拿出来执行后面的函数或语句，只有将对象转换为真正的数组才能使用forEach()方法

Array.of()用于将一组值，转换为数组，Array.of()总是返回参数值组成的数组，如果没有参数，就返回一个空数组，Array.of()基本上可以用来代替Array()或new Array(),并且不存在由于参数不同而导致的重载

copyWithin（）：在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组，也就是说，使用这个方法，会修改当前数组

Array.prototype.copyWithin(target, start = 0, end = this.length)

target（必需）：从该位置开始替换数据。
start（可选）：从该位置开始读取数据，默认为0。如果为负值，表示倒数。
end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数

find()：用于找出第一符合条件的数组成员，它的参数是一个回调函数，所有数组成员依次执行该回调函数，知道找到第一个返回值为true的成员，然后返回该成员，如果没有符合条件的成员，则返回undefined
find():找到第一符合条件的值就立刻返回不再调用后面的值去寻找,不管后面的值是否符合条件都不再调用寻找

var a=[1,-2,4,-3,8].find(function(n){
  	  return n<0;
	});
	console.log(a);//-2

函数的扩展
给函数的参数指定默认值

function log(x, y = 'World') {
  console.log(x, y);
}

log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello

参数变量是默认声明的，所以不能用let或const再次声明

function foo(x = 5) {
  let x = 1; // error
  const x = 2; // error
}

rest参数
ES6 引入 rest 参数（形式为“…变量名”），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中

function add(...values) {
let sum = 0;
for(var val of values) {
  sum += val;
}
return sum;
}

add(2, 5, 3) // 10