一個基於es6的promise實現圖片動態加載。
function loadImageAsync(url) {
return new Promise((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
})
}
一旦加載完成,Promise的狀態就會發生變化。