ES6用法总结

1.结构数组

    function fast(){
        return ['apple','orgin','big']
    }
    //原始方式
    let arry = fast();
    let a = arry[0];
     
    //es6
    let [a,b,c] = fast();
    
    console.log(a)  // appl

2.结构对象

 function fast(){
         return {name:"里斯",age:18, address:"武汉"}
     }
     //es6 注意:其中的name对应着fast方法中返回对象的属性名
     let {name:myname,age:myage,address:myaddress} = fast();
     
     console.log(myname)  //里斯

3.模板字符串

    let breakfast1 = 'banana',breakfast2 = 'pear';
    
    //let speak = "我早餐吃了"+breakfast1 + '和' +breakfast2;
    
    //es6
    let speak = `我早餐吃了 ${breakfast1} 和 ${breakfast2}`;
    console.log(speak)
  

 4.字符串扩展方法

//es6判断 startsWith('字符')  //判读字符串开头是否包含某个字符 endswith('字符')  //结尾是否包含特定字符 //常用的方法includes() 判断字符串是否包含某个字符
    let person = '我是小米的粉丝';
    console.log(person.startsWith('我是')) //true
    
    console.log(person.endsWith('粉丝')) //true
    
    console.log(person.includes('粉丝')) //true

5.函数默认参数

  //默认参数
    
    function getPerson(age=18,name='里斯'){
        return `我的名字是${name}年龄是${age}`
    }
    
    console.log(getPerson());
    

6.展开操作符和剩余操作符

    let person =['里斯',18]
    console.log(...person);
    let student =['王二',19];
    student.push(...person);
    console.log(...student)

//剩余操作符 ...可以传递多个参数

function student(address, ...person)
{
   console.log(address,person)

   console.log(address,...person)
}
student('武汉',18,"赵六")  //武汉 (2) [18, "赵六"]    //武汉 18 赵六

//结构参数

function students(address,sex,{name,age} ={})
{
console.log(address,sex,name,age)
}
students('湖北','男',{name:"里斯",age:18}) //湖北 男 里斯 18
students('湖北','男') //湖北 男 undefined undefined

7.extends继承父类方法

class person{
        constructor(name,age) {
            this.name = name;
            this.age = age;
        }
        intro(){
          return `${this.name} ${this.age}`
        }
    }
    
    class chef extends person{
        constructor(name,age){
            super(name,age)  //执行父类方法
        }
    }
    
    let li = new chef('赵六',18)
    console.log(li)  // {name: "赵六", age: 18}