• ES6的新知识点


    一、变量

    原有变量:

    var的缺点:

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

    新增变量:

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

    const:不能重复声明,变量-不可以修改,块级作用域

    二、箭头函数

    原函数:

    var func = function(args){

      alert(“abc”);

    };

    现箭头函数:

    var func = (args)=> {

      alert(“abc”);

    };

    简写规则:

    ()——只有一个参数

    { } ——只有一个return

    所以上述函数还可以写为:

    var func = args => alert(“abc”);

    三、函数的参数

    function(a,b,...args)

    ...args 可以 替代所有想写的不想写的参数

    四、解构赋值

    1.左右两边结构必须一样

    2.右边必须定义

    3.声明和赋值不能分开(必须在一句话里完成)

    let [a,b,c] = [12,5,8];

    let {a,b,c} = {a: 12, b: 5, c: 8};

    五、数组新操作

    map             映射

    reduce         汇总

    filter             过滤器

    forEach       循环(迭代)

    六、字符串

    1.新方法

    • startsWith
    • endsWith

    2.字符串模板

    • 直接可以把元素嵌套在字符串里   $(元素)
    • 可以折行

    七、json

    1.json对象

    • JSON.stringify
    • JSON.parse

    2.简写

    json = {

      url : url,

      show : function(){ }

    }

    简写为:

    json = {

      url,

      show(){ }

    }

    json标准写法:只能用双引号;属性必须用双引号包起来

    八、promise

    有了promise之后的异步:

    Promise.all([$.ajax(), $.ajax()]).then(results=>{

      //success

    }, err=>{

      //error

    });

    九、generator

    可以暂停函数的函数

    //创建generator函数

    function *func() {

      //do sth A

      yield;

      //do sth B

    }

    //调用

    let genObj = func();

    genObg.next(); //do A

    genObg.next(); //do B

     yield :可以传参,也可以返回

    异步操作:

    1.回调

    2.promise

    3.generator(runner.js)

    runner( function *() {

      let data1 = yield $.ajax({url: xxx, dataType : 'json'});

      let data2 = yield $.ajax({url: xxx, dataType : 'json'});

      let data3 = yield $.ajax({url: xxx, dataType : 'json'});

    });

    Promise——适合做没有逻辑的异步

    generator——适合做逻辑性异步

  • 相关阅读:
    【原创】python中文编码问题:控制窗口能输出中文,到文本文件里乱码
    【转载】在notepad++中直接运行python代码
    报错The reference to entity "characterEncoding" must end with the ';' delimiter
    原码, 反码, 补码 详解
    GC 过程图解
    Java NIO:浅析I/O模型
    Java类加载器的工作原理
    修改classloader的加载路径
    ThreadLocal 源码分析
    冒泡排序、快速排序、堆排序
  • 原文地址:https://www.cnblogs.com/bbcfive/p/10116183.html
Copyright © 2020-2023  润新知