怎么编写一个同时支持 callback 和 promise 风格的函数

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1541 天前的主题，其中的信息可能已经有所发展或是发生改变。

假设给出如下代码模板：

// 一个异步函数
function someFun(callback) {}

// 可以传 callback 执行
someFun(console.log);

// 可以返回 Promise
someFun().then(console.log);

someFun函数要如何编写才能支持 2 种调用风格呢？

我写了篇文章进行详细介绍，欢迎拍砖。

JavaScript: 如何编写一个既支持 Callback 又支持 Promise 风格的函数

somefun

callback

函数

promise

11 条回复 • 2020-09-11 17:02:21 +08:00

moult

2020-09-11 13:44:29 +08:00 via iPhone

var a=new promise(...);
if(callback) a.then(callback) else return a;

youmoo

2020-09-11 13:55:41 +08:00

@moult 可行。不过可以优先 callback, 无 callback 时再 new promise，这样可以省一个 promise 。

zhuangzhuang1988

2020-09-11 13:55:41 +08:00

https://github.com/ElemeFE/element/blob/dev/packages/form/src/form.vue#L109

进程用的

youmoo

2020-09-11 13:58:19 +08:00

@zhuangzhuang1988 嗯。很多库或框架都有用到这种风格。

tikazyq

2020-09-11 14:01:11 +08:00

typeof 应该可以解决你的问题

flowfire

2020-09-11 14:21:52 +08:00

这。。。。感觉像是 promisify ？
正常情况就是判断参数是否存在吧

lovecy

2020-09-11 14:55:04 +08:00

typof callback === "function"

tangchi695

2020-09-11 15:00:49 +08:00

判断有没有 callback 不就完事儿了吗

momocraft

2020-09-11 15:17:50 +08:00

不管有没有 callback 都返回 promise
如果有 callback 就 then 一份

lin07hui

2020-09-11 16:57:30 +08:00

function someFun(callback) {
const res = { data: "..." };
typeof callback === "function" && callback(res);
return Promise.resolve(res);
}

hupo0

2020-09-11 17:02:21 +08:00

@youmoo 连返回类型都不一样了，最好分开成两个函数