ES6

let和const

var

1. 可以重复声明
2. 无法限制修改
3. 没有块级作用域

let 不能重复声明 变量-可以修改，块级作用域

const 不能重复声明，常量-不能修改，块级作用域

箭头函数

window.onload=()=>{
        alert("abc");
    };

1. 只有一个参数,()可以省
2. 只有一个return,{}可以省

let show=a=>a*3;
    alert(show(12));

函数的参数

1. 参数扩展/展开
2. 默认参数

参数扩展：

1. 收集剩余的参数

 function show(a,b,...args) {
        alert(a);
        alert(b);
        alert(args);
    }
    show(12,23,23,4,56,78);

2. 展开数组

let arr=[1,2,9];
    function show(a,b,c) {
        alert(a);
        alert(b);
        alert(c);
    }
    show(...arr);

let arr=[...arr1,...arr2];

解构赋值

1. 左右结构必须一样
2. 声明和赋值必须在一句话里完成

//    let[a,b,c]=[1,2,3];
    let{a,b,c}={a:12,b:5,c:8};
    console.log(a, b, c);

字符串

1.多了两个新方法

let str="abcde";
    console.log(str.startsWith("a"));     --------返回布尔值
    console.log(str.endsWith("e"));

2.字符串模板
拼凑大量字符串 直接把东西塞到字符串里面${东西} ，可以折行

    let a=12;
    let str=`a${a}bc`;
    console.log(str);          ----a12bc

面向对象应用-React

1. 模块化（组件化）—class
2. JSX JSX==babel=browser.js

Promise

异步：操作与操作之间无关，同时进行多个操作。
同步：同时只能做一件事情。

异步：代码更复杂
同步：代码简单