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——适合做逻辑性异步

  • 相关阅读:
    点图换说明文字
    酷酷的图片预览带加载效果
    阿里巴巴右侧6滑块VS雅虎右侧6滑块VS自定义6滑块
    绝对经典的滑轮新闻显示(javascript+css)
    一个城市、日历选择功能
    比较两个日期大小
    我对委托/事件的理解
    今天写信息采集小程序时实现程序中同时只允许5个线程运行
    Web页面接受客户端POST数据,并且返回数据
    项目中用到的一个树控件[经过修改]
  • 原文地址:https://www.cnblogs.com/bbcfive/p/10116183.html
Copyright © 2011-2022 走看看