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

  • 相关阅读:
    IOS 使用CoreText实现表情文本URL等混合显示控件
    IOS 正则表达式匹配文本中URL位置并获取URL所在位置(解决连接中文问题)
    IOS 多级列表展开控件
    IOS 五星评分控件
    ios实现类似魔兽小地图功能 在
    Cocoa Foundation框架学习笔记 - NSCalendar
    lua通过bunlde读注意事项
    unity手游之聊天SDK集成与使用二
    unity手游之聊天SDK集成与使用一
    unity3d引擎程序员养成
  • 原文地址:https://www.cnblogs.com/bbcfive/p/10116183.html
Copyright © 2011-2022 走看看