链接异步方法调用 – javascript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了链接异步方法调用 – javascript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1675字，纯文字阅读大概需要3分钟。

内容图文

你有一个原型对象Foo有两个异步方法调用,bar和baz.

var bob = new Foo()

Foo.prototype.bar = function land(callback) {
  setTimeout(function() {
    callback()
    console.log('bar');
  }, 3000);
};

Foo.prototype.baz = function land(callback) {
  setTimeout(function() {
    callback()
    console.log('baz');
  }, 3000);
};

我们想做bob.bar().baz()并按顺序记录“bar”和“baz”.

如果你不能修改方法调用(包括传入你的回调函数),你如何将默认回调传递给这些方法调用？

一些想法：

>用装饰器包裹“bob”(仍然模糊如何实现,可以用一个小例子)
>修改构造函数以指定默认回调(如果未指定)(未考虑是否可行)
>使用将继续调用next方法的生成器包装器,直到没有剩下的方法？

解决方法:

更推荐的方法是使用promises.因为这是一个社区范围的趋势,做异步的东西.

We want to do bob.bar().baz() and have it log “bar” and “baz”
sequentially.

你为什么要这样做只是为了实现这个bob.bar().baz()“syntax”？当你可以做到这一点时,只需使用Promise API而不需要额外的努力来使语法工作确实增加了代码复杂性,使得实际代码难以理解.

因此,您可能需要考虑使用类似于此的基于承诺的方法,它提供的灵活性远远超过您的方法所实现的灵活性：

Foo.prototype.bar = function () {
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve()
            console.log('bar');
        }, 3000);
    };
};

Foo.prototype.baz = function () {
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve()
            console.log('baz');
        }, 3000);
    };
};

现在你这样做是为了一个接一个地顺序运行它们：

var bob = new Foo();

bob.bar().then(function() {
   return bob.baz();
});

// If you're using ES2015+ you could even do:
bob.bar().then(() => bob.baz());

如果您需要链接更多功能,您可以简单地执行此操作：

bob.bar()
    .then(() => bob.baz())
    .then(() => bob.anotherBaz())
    .then(() => bob.somethingElse());  

无论如何,如果你不习惯使用承诺,你可能想要read this

内容总结

以上是互联网集市为您收集整理的链接异步方法调用 – javascript全部内容，希望文章能够帮你解决链接异步方法调用 – javascript所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端