ECMAScript6 学习笔记

精华

1、字符串笔记：反单引号

  `abc${变量名}ef`

2、解构赋值：

  解构赋值给默认值：
  var json={};
  var a=json.a || 12 //如果a为空，给a初始值12
  语法：var {time=12,id=0}={}//time为空时，给time12

3、复制数组

 复制数组：
 1、循环
 2、Array.from(arr)
 3、var arr2=[...arr]
 ...实参：
 function show(...args){args.push(5);
 console.log(args)};

4、循环

  var arr=['apple','banana','orange','pear'];
  for(var i in arr){//0 1 2 3 索引
  console.log(i);
  }
  for(var i of arr){//apple banana orange pear
  console.log(i)
  }

for of 可以循环数组，不能循环json 真正的目的为了循环 map对象

  Map对象：和json相似，也是一种key-value形式
  var map =new Map();
  设置：map.set(name,value);map.set('a','apple')
  获取：map.get(name) //不能 map.a
  删除：map.delete(name)//不能json中的用法delete json.a
  遍历map:
  不能使用for in ，没有效果
  for(var name of map){
      console.log(name);//a,apple b,banana
  }
  for(var[key,value]of map.entries()){
      console.log(key,value);//key value
  }
   for(var key of map.keys()){//只循环key
      console.log(key);//key 
  }
   for(var val of map.values){
      console.log(val);//value
  }
  for of 也可以循环数组：
  只循环值：
        for(var value of arr)
  只循环索引：
        for(var key of arr.keys()){}
  索引和值都循环：
        for(var some of arr.entries()){}

5、箭头函数

  注意：this问题，this指向了window
  arguments,不能使用了

6、单题模式：

    以前的写法：
    var person={
    name:'abc',
    age:16,
    showName:function(){
         alert(this.name);
    }
    showAge:function(){
         alert(this.age)
    }
    }
    person.showName();

    ES6新的写法：
    var age=101;
    var person={
       name,
       age,
       showName(){
          return this.name;
       }
       showAge(){
          return this age;
       }
    }

7、面向对象

   class Person{
      constructor(name='default',age=0){
          this.name=name;
          this.age=age;
      }
      showName(){
          reture this.name;
      }
      showAge(){
          reture this.age;
      }
   }
   var P1=Person();
   继承：
   clas Worker extends Pesson{

   }