ES6以上笔记

最新推荐文章于 2024-04-11 08:19:26 发布

Alice_LMY

最新推荐文章于 2024-04-11 08:19:26 发布

阅读量173

点赞数

分类专栏：前端文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/Alice_Lee_Lee/article/details/120952273

版权

这篇笔记详细介绍了从ES7到ES11的新特性，包括数组的判断方法、指数操作符、async/await、对象方法扩展、rest参数、正则扩展、Object.fromEntries、字符串和数组的方法扩展、私有属性、批量执行异步任务以及新的语法糖如可选链操作符和动态import等。

摘要由CSDN通过智能技术生成

ES7

判断数组是否包含某个元素

const chs = ["guyun", "feidu", "chengqian"];
console.log(chs.includes("guyun")); // true
console.log(chs.includes("taoran")); // false

指数操作符

console.log(2 ** 10); // 1024

ES8

async 和 await

async 函数

// 特殊的函数，返回值是Promise对象，结果由函数执行的返回值决定
async function fn() {
   
  // 返回的结果不是一个Promise类型的对象，返回的结果就是一个成功的Promise对象
  // return "dudu";
  // 抛出错误，返回的结果是一个失败的Promise对象
  // throw new Error("error!");
  // 返回的结果是一个Promise类型的对象
  return new Promise((resolve, reject) => {
   
    // resolve("success");
    reject("fail");
  });
}
const f1 = fn();
console.log(f1); // Promise {}
f1.then(
  (value) => {
   
    console.log(value);
  },
  (reason) => {
   
    console.log(reason);
  }
);

await 表达式

// await 必须放在 async 函数中
const p = new Promise((resolve, reject) => {
   
  // resolve("success");
  reject("fail");
});

async function fn() {
   
  // 返回值是Promise的值
  // 如果结果是失败，要使用try catch捕获
  try {
   
    let result = await p;
  } catch (error) {
   
    console.log(error); // fail
  }
  // console.log(result); // success
}

fn();

结合应用：读取三个文件并打印

const fs = require("fs");
function fn1() {
   
  return new Promise((resolve, reject) => {
   
    fs.readFile("./test.txt", (err, data) => {
   
      if (err) {
   
        reject(err);
      } else {
   
        resolve(data);
      }
    });
  });
}
async function main() {
   
  let result1 = await fn1();
  let result2 = await fn1();
  let result3 = await fn1();
  console.log(result1.toString());
  console.log(result2.toString());
  co