mirror of
https://github.com/wangdoc/javascript-tutorial.git
synced 2025-12-30 18:02:36 +08:00
docs(async): edit promise
This commit is contained in:
@@ -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 的优点在于,让回调函数变成了规范的链式写法,程序流程可以看得很清楚。它有一整套接口,可以实现许多强大的功能,比如同时执行多个异步操作,等到它们的状态都改变以后,再执行一个回调函数;再比如,为多个回调函数中抛出的错误,统一指定处理方法等等。
|
||||
|
||||
Reference in New Issue
Block a user