zoukankan      html  css  js  c++  java
  • 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——适合做逻辑性异步

  • 相关阅读:
    DataGrip for Mac破解步骤详解 亲测好用
    git 之路
    linux用户管理
    virtualenvwrappers pipreqs 踩坑
    pycharm 快捷键
    kubernetes(k8s)之K8s部署多种服务yaml文件
    centos下彻底删除mysql的方法
    vi 和vim 的区别
    Django中related_name作用
    Windows CMD命令大全
  • 原文地址:https://www.cnblogs.com/bbcfive/p/10116183.html
Copyright © 2011-2022 走看看