ES6精讲

一.ES6存在的意义

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

二.ES6内容介绍

1.let

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

• let   局部变量
• 不能重复声明
• let不能变量提升

2.const

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

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

3.解构

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

• 数组

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

• 对象

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

4.字符串方法

1.字符串的遍历

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

2.字符串的检测 

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

 3.字符串的填充

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

 4.字符串的去重

• 使用set去重

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

• 使用filter去重

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

  5.箭头函数

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

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