docs(async): edit promise

This commit is contained in:
ruanyf
2019-05-21 18:15:37 +08:00
parent 80a43706a4
commit 1b5eaabdca

View File

@@ -217,7 +217,9 @@ var preloadImage = function (path) {
};
```
上面`preloadImage`函数用法如下
上面代码中,`image`是一个图片对象的实例。它有两个事件监听属性,`onload`属性在图片加载成功后调用,`onerror`属性在加载失败调用
上面的`preloadImage()`函数用法如下。
```javascript
preloadImage('https://example.com/my.jpg')
@@ -225,6 +227,8 @@ preloadImage('https://example.com/my.jpg')
.then(function () { console.log('加载成功') })
```
上面代码中,图片加载成功以后,`onload`属性会返回一个事件对象,因此第一个`then()`方法的回调函数,会接收到这个事件对象。该对象的`target`属性就是图片加载后生成的 DOM 节点。
## 小结
Promise 的优点在于,让回调函数变成了规范的链式写法,程序流程可以看得很清楚。它有一整套接口,可以实现许多强大的功能,比如同时执行多个异步操作,等到它们的状态都改变以后,再执行一个回调函数;再比如,为多个回调函数中抛出的错误,统一指定处理方法等等。