promise应用问题

最新推荐文章于 2023-04-07 21:05:12 发布

for_kk

最新推荐文章于 2023-04-07 21:05:12 发布

阅读量221

点赞数

function loadImageAsync(url) {
  return new Promise(function(resolve, reject) {
    var image = new Image();

    image.onload = function() {
      resolve(image);
    };

    image.onerror = function() {
      reject(new Error('Could not load image at ' + url));
    };

    image.src = url;
  });
}

在then的参数就是resolve的参数， 也就是image对象，把这个对象append到div上就可以实现功能

loadImageAsync( 'https://static.segmentfault.com/v-59192c02/global/img/logo-b.svg' ).then( (image) =>{
	document.getElementById('div').appendChild( image );
	console.log( image );
} )