ES6概念

一、概念

ES6:ESMAScript6,新的javascript语法标准,2015年正式推出,为了js更加快捷与方便

二、let

• var  可以声明变量
• let   同样可以声明局部作用域变量（在一对{}启用）

1. let   局部变量
2. 不能重复声明
3. let不能变量提升

var lis = document.querySelectorAll("ul li");
for(let i=0;i<lis.length;i++){
	lis[i].onclick = function(){alert(i)}
}

var h1 = document.querySelector("h1");
for(let i=9;i>=1;i--){
	//延迟10-i秒执行
	setTimeout(function(){
		//设置文本值为i
		h1.innerText = i;
	},(10-i)*1000);
}

三、const

特点:

• const  是局部变量
• 声明必须赋值
• 不能重复声明
• 建议大写
• 不会变量提升
• 值类型不能修改

什么时候使用const

1. 当声明变量不允许修改的时候,是个常量的时候
2. 当这个对大概率不会被改变(选择DOM节点)

{
const PI = 3.1415926;
const PI;
console.log(PI);
}

{
const LIST = ["I","Hate","You"];
LIST.push("LOve");
console.log(LIST);
}

四、解构

把数组,对象,解构为单独的变量

数组

var [a,b,,c=20,...rest]=[1,2,3,4,5,6];

对象

var {name,age,leg=20,...rest} = obj;

五、字符串

遍历

for(let s of str){
    console.log(s)
}

检测

• indexOf,lastlndexOf : 返回值下标|-1
• includes(查找字符串) true | false
• startsWith(查找字符串) true | false
• endsWith(查找字符串) true | false

let arr = [5,"喜欢","吃肉"]
alert(arr.includes(5))

填充

• repeat(重复的次数)
• padStart(填充的总位数,填充字符串)
• padEnd(填充的总位数,填充字符串)

var arr = [];
arr.length = 5;

//填充数组
arr.fill("填充内容",0,5);
console.log(arr);

去重

使用set去重

var s = new Set(arr);
var arr2 = Array.from(s);
console.log(arr2);

使用filter去重

原理:indexof下标与当前下标对比

var arr2 = arr.filter(function(item,index){
    if(arr.indexOf(item)==index){
        return true;
    }else{
        return false;
    }
})  
console.log(arr2)

六、箭头函数

1. ES6 允许使用“箭头”（=>）定义函数。
2. 箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。
3. 如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。
4. 由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错。

var fun2 = str=>{
	if(str.includes("俄罗斯")){
		return "沙皇大帝"
	}else{
		return "金帐汗国"
	}
}
alert(fun2('puting'))

函数的参数

1. ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。
2. ES6 的写法比 ES5 简洁许多，而且非常自然
3. 参数变量是默认声明的，所以不能用let或const再次声明。

function say(color="黑"){
	alert('没有你的世界是'+color+"色的")
}
say();
say("五彩");

对象的简写

1. 如果对象的键名与值一致,可以省略键或者值
2. 函数可以省略function关键字
3. 对象的键(属性名)可以是动态拼接

            var age = 18;
			var name = "xxx"
			var obj = {name:name,age:age,asy:function(){
				alert(this.name+this.age)
			}}
			// 如果对象的键名与值一致,可以省略键或者值 
			// 函数可以省略function关键字
			var obj2 = {name,age,say(){
				alert(this.name+this.age)
			}}
			
			// 对象的键(属性名)可以是动态拼接
			var num = 1;
			var name = "zzz"
			var obj = {[name+num]:"亚索",age:777,["houseA"]:"召唤师峡谷"};
			console.log(obj)