在 JS 中格式化简单 when 函数的最佳方法

Question

我在 Ruby 中找到了这段代码（来自 here）：

DX = { E => 1, W => -1, N =>  0, S => 0 }

我正在考虑如何在 JS 中最好地格式化它，因为它缺少“何时”功能。

作为参考，N、S、E 和 W 是“方向”，并具有如下别名：const N = 1, S = 2, E = 4, W = 8;

我本来想做一个快速箭头功能，后来做了这个：

function DX(dir) {
    if(dir==E) return 1;
    if(dir==W) return -1;
    if(dir==N) return 0;
    if(dir==S) return 0;
}

我觉得有点长，所以我试着缩短它：

function DX(dir) {
    if(dir==E) return 1;
    if(dir==W) return -1;
    return 0;
}

然后再说一遍：

function DX(dir) {
    return dir==E ? 1 : dir==W ? -1 : 0;
}

但是现在我们遇到了这个代码不太可读的问题。所以我决定记录下来：

// returns the distance in x traveled by that direction
// E => 1, W => -1, N =>  0, S => 0
function DX(dir) {
    return dir==E ? 1 : dir==W ? -1 : 0;
}

最后，我将其转换为变量语法和箭头函数：

let DX = (dir) => dir==E ? 1 : dir==W ? -1 : 0;

现在显然，所有这些代码都有效，但我的问题是作为一种风格，被认为是“最好的”，无论是在行业中，在您看来，还是在您具体工作的地方？我认为可读性高于一切，那么您认为哪个代码最易读？我个人更喜欢文档部分。

Answer 1

通过使用上面几个用户建议的对象，我们可以使这段代码更简单。但是，我们遇到了使用文字字符串“N”、“S”、“E”和“W”而不是变量的数值 1、2、4 和 8 的对象问题。

我找到了这个问题的答案on SO，它只是添加方括号（在 ES6 中）：

const N = 1, S = 2, E = 4, W = 8;
const DX = { [E]: 1, [W]: -1, [N]: 0, [S]: 0 };

可用于：DX[dir]

Answer 2

对一个对象也一样。

const DX = { E: 1, W: -1, N: 0, S: 0 };

// use
value = DX[dir];

要使用数值作为方向，您需要将键映射到方向。

//           N     S     E     W
const DX = { 1: 0, 2: 0, 4: 1, 8: -1 };

// use
value = DX[dir];

Answer 3

我建议您创建一个将方向映射到别名的对象，并使用它从函数中返回正确的别名。

const DX = dir => {
    mapping = { E: 1, W: -1, N: 0, S: 0 };
    return mapping[dir];
}