Javascript 现在最令人不爽的就是函数的重载了

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

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

这还是其他语言里面的概念，JS 里面没有，所以只能自己处理传进来的参数。

比如 superagent 的主入口：

function request(method, url) {
// callback
if ('function' == typeof url) {
return new Request('GET', method).end(url);
}

// url first
if (1 == arguments.length) {
return new Request('GET', method);
}

return new Request(method, url);
}

这里要自己去处理 method 可能传入的是 url，url 可能传入的是 callback 这样的情况。当我要代理这个函数的时候，比如说，给 url 统一加 prefix，我得完全 copy 这个函数！至少是处理重载的这部分代码。

function uest(method, url) {
var r;

// callback
if ('function' == typeof url) {
r = new request.Request('GET', p(method)).end(url);
}

// url first
else if (1 == arguments.length) {
r = new request.Request('GET', p(method));
}

else r = new Request(method, p(url));

return augment(r);
}

哎~

URL

method

new

16 条回复 2014-06-16 09:54:10 +08:00

undozen

2014-05-10 09:58:56 +08:00

类似的情况，tj 的代码中经常会有判断函数的 arity 来给不同反应的，也就是函数对象的 length 属性，也就是说比如

function (a, b, c) {}

定义时括号中指定了三个参数，那么这个函数的 arity 就是三。

tj 代码中常通过 arity 来给不同回调。刚才说到的 superagent，如果回调的 arity ==1 就 callback(response); 如果是 2 或以上，就照 node 的惯例 callback(err, response)

express 中也是，middleware arity 如果是 3 或一下，就是 middleware(req, res, next); 这样，而如果是 4 或以上就说明它是一个处理错误的 middleware，这样去调用 middleware(err, req, res, next)

我觉得根据 arity 来做不同反应真不算是优雅的解决方案。

undozen

2014-05-10 09:59:42 +08:00

以上两个是搞 JS 的时候比较烦的两点。有一些相关性，吐槽一下，也想听听大家的意见。