es6基本语法

1.es6基本语法  变量的声明                                          let(限制作用域 代码块{}) const(常量 只读不可更改)

const PI=3.14156
        console.log(PI);
        PI=3.14
        console.log(PI);
        
        let a=1;
        {
            let a=2;
            console.log(a);
        }
        
        var a=[];
        for(var i=0;i<10;i++){
            a[i]=function(){
                console.log(i);
            }
        }
        a[6]();    //输出10 直接跳转到最大值

        let a=[];
        for(let i=0;i<10;i++){
            a[i]=function(){
                console.log(i);
            }
        }
        a[6]();    //输出6

2.es6结构赋值

let[a,b,c]=[1,2,3];
let[a,b,c]=[1,,3];  //b=undefined
let[a,[b,c],d,e,[f,g,h]]=[1,[2,3],4,5,[6,7,8]];

/*...a  数组，可放在开头，不能放在结尾*/
let[a,...b]=[1,2,3,4,5];   //a=1  b=[2,3,4,5]
let[...a]=[1,2,3];    //a=[1,2,3] 

3.给字符串绑定值 （es5：字符串拼接）                                   es6：`` 使用模板字符串来动态绑值

  {
     let a=25;
     let h=177;
     let str=`我今年${a}岁，身高${h}cm`;
     console.log(str);
  }

4.es6里面的函数默认值问题

{
             stu(undefined,2);
             function stu(x,y){
                 x=x || '0';
                 console.log(x,y);
             }

             stu(undefined,3);
             function stu(x=0,y=0){
                 console.log(x,y);
             }
  }

5.es6里面的箭头函数                                 优点：保持上下文中的指针(对象)一致

 {
            let fun=function(){
            };
            let fun=()=>{console.log(1)};   //{}里面若只有一句话，可不写{}
            fun();

            let fun=function(x){
                console.log(x);
            }
            let fun=x=>console.log(x);    //一个参数可不写（），多个参数时必须写（）
            fun(1);
        
            let fun=function(x,y){
            return x+y;
            }
            let fun=(x,y)=>x+y;     //类似于return x+y
            console.log(fun(1,2));
  }

自执行函数

 {
              (function (x){
                  console.log(x)
              }(5));
             ((x)=>console.log(x))(5);
  }

箭头函数后边返回键值对 。注意：添加（）包起来执行

 {
            let fun=()=>({a:1});     //{a:1} 键值对 输出为undefined  把{a:1}认成对象了，没有返回值
            console.log(fun());   //输出为{a:1} 键值对对象
        }
    
        {
            let a=[1,3,9,7,5,0,6,4];
            console.log(a.sort((n1,n2)=>n1-n2));

            a.map(function(v,k){
                console.log(v);    //v=每一个对应的值
                console.log(k);    //k=索引
             })

            console.log(this);  //this=window

            Array.prototype.mysort=function(){
                 console.log(this);    //this=(7) [1, 2, 3, 4, 5, 6, 7] 即Array数组
            }
            var s=new Array(1,2,3,4,5,6,7);
            s.mysort();

            Array.prototype.mysort=()=>{
                console.log(this);    //this=window
            }
            var s=new Array(1,2,3,4,5,6,7);
            s.mysort();
  }

6.es6里面的遍历   for......of

{
            let a=["red","orange","plum"];
            for(let item in a){
                console.log(item);    //输出为索引，要想输出为值，a[item]
            }

            for(let item of a){
                console.log(item);    //输出为值
            }

            let b=[{name:'Weiflr',sex:'女',age:'22'},{name:'Weiflr',sex:'女',age:'22'}];
            for(let key of b){              //of 后面必须是可迭代的集合
                console.log(key)    //输出={name:'Weiflr',sex:'女',age:'22'}
            }
 }

7.es6里面的构造函数

 {
            function list(){
                this.x;
                this.y;
                this.init=function(){

                }
            }
            var i=new list();
  }

8.es6里面的class声明

{
            class student{
                constructor(n=0,s=0,a=0){    //构造函数 是给属性初始化默认值的   es6里面的属性的定义在constructor
                    this.name=n;
                    this.sex=s;
                    this.age=a;
                }
                sleep(){
                    console.log("睡觉ing")    //在原型链中有sleep__proto__:
                }
                tostring(){      //tostring  方法重写
                    console.log(555);
                }
                get getsex(){
                    return this.name;
                }
                set setsex(value){    //设置值时必须要有参数
                    this.name=value;
                }

            }
            let stu =new student(n=12,s=4,a=6);
            // stu.sleep();
            // stu.tostring();   //紫色方块是方法   蓝色长方形是对象
            console.log(stu);
            stu.setsex="女";     //设置值
            console.log(stu.getsex);   //12
            stu.age=99;
            console.log(stu.age);
        }

9.es6里面的import（导入）、export（导出）

{
            import Vue from 'vue';
            export class ani extends people{    //声明一个类ani，继承people，导出
                 constructor(props){

                 }
            }

            //把react导入到当前的项目文件中，Components是react中的一个属性，
            import React,{Components} from 'react';
            class stu extends Components{
                 constructor(props){
                    super(props);
                    this.state={

                    }
                }    
            }
            export default stu;    //export default可以把它写到前面（写法==ani）
 }