ES6入门的基本语法

1.在ES6中定义一个变量通过let定义,这里要注意：定义过的变量不能重复定义，否则会报错

'use strict';
    //定义一个变量
    let a=12;
    alert(a);

    let a=12;
    let a=5;
    alert(a);//报错 不能重复定义

2.同时定义多个变量

//在ES6里如果你想同时定义多个变量
    var [a,b,c]=[12,5,8];
    console.log(a,b,c);//会打印出12,5,8；
    //同样你也可以用json的形式去定义多个变量
    var {a,b,c}={a:12,b:5,c:8};
    console.log(a,b,c);

3.定义一个常量用const定义，,这里要注意：定义过的常量同样也不能重复定义，否则会报错

//定义一个常量
    const a=12;
    alert(a);

    const a=12;
    const a=5;
    alert(a); //报错  定义常量之后不能重复定义

4.箭头函数
我们通常定义一个函数是这样

function show(){
  alert(1);
}
show();

在ES6中定义一个函数

//在ES6中定义一个函数是这样的
    var show=()=>{
        alert(12);
    };
    show();//弹出12；
    //当然你也可以吧'{}'给省略了
    var show=()=>alert(1);
    show();
    //如果传参数
    var show =(a,b)=>{
        return a+b;
    }
    alert(show(2,3));
    //你也可以吧'{}'省略，但是不需要加return，默认是返回值
    var show=()=>a+b;
    alert(show(2,3));

5.如果你想循环数组里的内容，用for-of用法,但只是用与数组循环，不适用与json

var arr=[12,5,8];
    for(var name of arr){
        console.log(name);//12,5,8；
    }

6复制一个数组

var arr=[12,5,8];
    var arr2=Array.from(arr);
    console.log(arr2);//12,5,8;
    //你也可以这样
    var arr=[12,5,8];
    var arr2=[...arr];
    console.log(arr2);//12,5,8;

7.字符串拼接.注意拼接的字符串的引号是``(tab键上面那个键);

var name='小明';
    var age=18;
    var str=`我叫${name}，今年${age}`;
    console.log(str);//我叫小明，今年18；

8.面向对象编程以及属性和方法的继承

class Person{
        consturctor(name,age){
            this.name=name;
            this.age=age;
        }
        showName(){
            return this.name;
        }
        showAge(){
            return this.age;
        }
    }
    var p1=new Person('小明',18);
    console.log(p1.showName());//小明
    //面向对象的继承
    class Worker extends Person{
            constructor(name,age,job){
            super(name,age);    
            this.job = job;
        }
            showJob(){
            return this.job;
        }   

    }
    var p2=new Worker('小红',20,'学生');
    console.log(p2.showName());//小红；

ES6入门的基本语法

推荐阅读更多精彩内容