美文网首页
es7新特性 总结

es7新特性 总结

作者: vampire_64a8 | 来源:发表于2018-05-09 13:35 被阅读0次

Array.prototype.includes

如果传入的数组在数组(this)中返回true, 否则返回false:

['a', 'b', 'c'].includes('a')//true
['a', 'b', 'c'].includes('d')//false

includes和indexof方法很相似,唯一的区别是includes()能找到NAN, 而indexOf()不行

指数运算符

x**y

let num = 3;
num **=2;
console.log(num);//

异步函数(Brain Terlson)

promise现在越来越流行, 一个例子就是客户端fetch API, 它是替代XML HttpRequest检索文件的方案。

function fetchJson(url) {
  return fetch(url)
    .then(request => request.text())
    .then(text => {
      return JSON.parse(text);
    })
    .catch(error => {
      console.log(`ERROR: ${error.stack}`)
    });
}

fetchJson('----url-----').then(obj => console.log(obj));

co使用了Promises和generators让编程风格看起来更像异步的库。

const fetchJson = co(function(){
  try {
    let request = yield fetch(url);
    let text = yield request.text();
    return JSON.parse(text);
  }
  catch(error){
    console.log(`ERROR: ${error.stack}`);
  }
});

es7异步函数语法async基本说是实现了co所做的

async function fetchJson(url){
  try{
    let request = await fetch(url);
    let text = await request.text();
    return JSON.parse(text)
  }
  catch(error){
    console.log(`ERROR: ${error.stack}`);
  }
}

异步函数变体

  • 函数声明:
async function foo()
  • 函数表达式
const foo = async function(){}
  • 箭头函数
const foo = async() => {}
  • 方法定义
let obj = {async foo(){}}

相关文章

  • Math方法和es新特性

    es6常用 es7新特性 es8新特性 es9新特性 es10新特性

  • ES7及ES8新特性

    ES7新特性 (ECMAScript2016 新特性) 一、Array 1、Array.prototype.inc...

  • es7新特性 总结

    Array.prototype.includes 如果传入的数组在数组(this)中返回true, 否则返回fal...

  • ES7,ES8简单介绍

    ES7新特性: Array.prototype.includes Array.prototype.includes...

  • ES7新特性

    ES7在ES6的基础上添加了三项内容:求幂运算符(**)Array.prototype.includes()方法、...

  • es7新特性-babel配置

    es7 新特性 npx babel-upgrade --write 覆盖 preset-stage-0 配置 ba...

  • js记录

    异步回调 es7新特性Array.prototype.includes() includes() 方法用来判断一个...

  • 2019-02-28

    ES7新特性 求幂运算符(**)、Array.prototype.includes()方法 1.Array.pro...

  • ES6~ES7/ES8发生的变化

    ES7新特性 ES7在ES6的基础上添加了三项内容:求幂运算符()、Array.prototype.include...

  • ES8、ES9和ES10新特征

    相信很多人已经用过ES6或者ES7的部分新特性,比如class、promise、解构等等,也对ES6、ES7比较熟...

网友评论

      本文标题:es7新特性 总结

      本文链接:https://www.haomeiwen.com/subject/krmnrftx.html