美文网首页工作生活
ES6 Promise对象应用

ES6 Promise对象应用

作者: 萘小蒽 | 来源:发表于2019-07-08 15:06 被阅读0次
1. 加载图片

我们可以将加载图片写成一个Promise,一旦加载完成,Promise的状态就发生变化。

const perloadImage = function(path){
  return new Promise((resolve,reject)=>{
       var img = new Image();
       img.onload = resolve;
       img.onerror = reject;
       img.src = path;
   });
};

上面perloadImage返回的将是event对象。

2. Promise与Generator函数结合
function getFoo(){
   return new Promise((resolve,reject) => {resolve('foo')})
}
var g = function*(){
  try{
      var foo = yield getFoo();
       console.log(foo);
     }catch(e){
       console.log(e)
     }
};
function run(generator){
   var it = generator();
  function go(result){
   if(result.done) return result.value;
     return result.value.then(function(value){
         return go(it.next(value));
     },function(error){
         return go(it.throw(error));
     })
   }
 go(it.next());
}
run(g);

相关文章

  • Promise对象原理解析

    Promise对象原理解析 ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递...

  • Promise.done(),Promise.finally()

    es6 Promise.done(),Promise.finally()promise对象的finally函数为什...

  • ES6--Promise

    学过ES6的同学大概都知道Promise,可想而知Promise在ES6中很重要。 Promise对象代表了未来将...

  • ES6 Promise对象应用

    1. 加载图片 我们可以将加载图片写成一个Promise,一旦加载完成,Promise的状态就发生变化。 上面pe...

  • ECMAScript 6 Promise

    ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。 Promise对象有以下两个特点。 ...

  • ES6 Promise 对象

    参考文档: 《ECMAScript 6 入门》:Es6 APi Promise对象 《Es6 Prom...

  • 教你如何使用ES6的Promise对象

    Promise对象,ES6新增的一个全新特性,这个是 ES6中非常重要的一个对象 Promise的设计初衷 首先,...

  • Promise 特性整理总结及心得用法

    Promise对象 特性 Promise为es6标准语法,主要用于解决异步回调问题,Promise 对象可分为三种...

  • ES6必知必会 (五)—— Promise 对象

    Promise 对象 1.Promise对象是ES6对异步编程的一种解决方案,它有以下两个特点: Promise对...

  • Promise

    es6中有个特别的对象Promise,今天我们就来学习它,了解它。 Promise含义 Promise 是异步编程...

网友评论

    本文标题:ES6 Promise对象应用

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