es6
文章平均质量分 87
hyupeng1006
前端路上一起前进!互相关注、相互学习
展开
-
async/await代码执行顺序分析及宏任务和微任务简介
一、async带async关键字的函数,是声明异步函数,返回值是promise对象,如果async关键字函数返回的不是promise,会自动用Promise.resolve()包装。返回值为Promise {<resolved>: "test"}。二、awaitawait等待右侧表达式的结果,这个结果是promise对象或者其他值。如果它等到的不是一个 promise 对象,那 await 表达式的运算结果就是它等到的东西。如果它等到的是一个 promi...原创 2021-04-21 16:50:08 · 4242 阅读 · 0 评论 -
异步,同步,setTimeout,Promise,async 案例代码详解
直接上代码:async function async1() { console.log('async1 start') await async2() console.log('async1 end')}async function async2() { console.log('async2')}console.log('script start')setTimeout(() => { console.log('setTimeout')},0)a原创 2021-04-12 14:20:12 · 411 阅读 · 0 评论 -
Promise,async,await,fetch详解
Promise:在ES6以前如果我们需要在js中进行异步处理,大多数都是通过使用回调函数的方式来解决问题,如果简单的异步处理,回调函数的方式看起来还是比较优雅的,逼格还有点高,但是如果异步操作很多,回调嵌套就很深,代码看起来就会特别别扭,维护起来成本也会变高这个时候ES6带来Promise这个新特性,这个方法很好的解决了深层次异步嵌套的问题,我们在写代码的时候可以采用类似linux流式的书写方式...原创 2019-04-01 14:35:55 · 2111 阅读 · 0 评论 -
async/await
Promise 的方式虽然解决了 callback hell,但是这种方式充满了 Promise的 then() 方法,如果处理流程复杂的话,整段代码将充满 then,代码流程不能很好的表示执行流程。为什么是async/await在 es6 中,我们可以使用 Generator 函数控制流程,如下面这段代码:function* foo(x) { yield x + 1; ...原创 2019-04-01 13:48:23 · 151 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
export ,export default 和 import 区别 以及用法 首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定...转载 2019-01-08 15:01:43 · 333 阅读 · 0 评论 -
ES6中的高阶函数:如同 a => b => c 一样简单
ES6来啦!随着越来越多的代码库和思潮引领者开始在他们的代码中使用ES6,以往被认为是“仅需了解”的ES6特性变成了必需的代码常识。这不仅仅是新的语法学习 - 在许多范例中, ES6中新的语言特性可以让在ES5中写起来非常麻烦的表达变得更加简单,进而鼓励了新表达方式的使用。下面我们将关注一个这样简洁表达的使用范例:ES6中...转载 2018-12-04 15:50:02 · 763 阅读 · 0 评论 -
async/await使用详解
Promise 的方式虽然解决了 callback hell,但是这种方式充满了 Promise的 then() 方法,如果处理流程复杂的话,整段代码将充满 then,代码流程不能很好的表示执行流程。为什么是async/await在 es6 中,我们可以使用 Generator 函数控制流程,如下面这段代码:function* foo(x) { yield x + 1; yield x...转载 2018-07-13 16:18:31 · 1257 阅读 · 0 评论 -
ES6 ...扩展符
一、将一个数组转为用逗号分隔的参数序列。 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <div>]...原创 2018-06-22 09:29:54 · 2494 阅读 · 0 评论 -
ES6---new Promise()讲解,Promise对象是用来干嘛的?应该怎么用?使用场景有哪些?
ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数?别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴。 这么一看就明白了,Promise是...原创 2018-05-17 15:07:40 · 39992 阅读 · 16 评论 -
ES6,箭头函数
一、一个参数和一个执行方法 // ES5 var selected = allJobs.filter(function (job) { return job.isSelected(); }); // ES6 var selected = allJobs.filter(job => job.isSelected());二、多个参数和一个执行方法(需...原创 2018-05-04 15:06:39 · 142 阅读 · 0 评论 -
ES6,Array.from()函数的用法
ES6,Array.from()函数的用法 ES6为Array增加了from函数用来将其他对象转换成数组。当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组。1.部署了Iterator接口的对象,比如:Set,Map,Array。2.类数组对象,什么叫类数组...转载 2018-04-10 08:49:14 · 1351 阅读 · 0 评论