ES6 用箭头函数赋值变量

Question

我刚刚开始习惯 ES6 语法，我想知道是否可以使用箭头函数分配给变量。我正在编写一个基本的轻量级 AJAX 帮助程序库，状态为 200，我想向用户返回一个有效负载，我目前正在这样做：

var responseData = "";
switch (payload.returnType.toLowerCase()) {
    case "json" : responseData = JSON.parse(httpRequest.responseText); break;
    case "text" : responseData = httpRequest.responseText; break;
    default : responseData = null; break;
}
callback(null, responseData);

这很好，但我不禁想如果我这样做的话，我可以把它弄得更干净：

callback(null, () => { switch(payload.returnType.toLowerCase()) { ... });

我希望 return 语句将表达式的结果作为回调中的第二个参数发送，但是当我从调用者控制台登录时，它会打印 switch 语句。

或者我已经尝试过：

var responseData = () => {
    switch (payload.returnType.toLowerCase()) {
        case "json" : return JSON.parse(httpRequest.responseText); break;
        case "text" : return httpRequest.responseText; break;
        default : return null; break;
    }
}
callback(null, responseData);

在这种情况下，responseData 始终为空。是否可以将返回值作为我的第二个参数，或者将其绑定到 responseData 作为箭头函数的结果？

Answer 1

您创建了一个匿名函数但不执行它。

例如：

var getResponseData = () => {
    switch (payload.returnType.toLowerCase()) {
        case "json" : return JSON.parse(httpRequest.responseText); 
        case "text" : return httpRequest.responseText; 
        default : return null;
    }
};
callback(null, getResponseData());

Answer 2

使用自动执行功能更短：

const res = (() => {
  return 'something'
})()

如果是单行的话，甚至更短：

const res = (() => 'something')()

或使用您的代码：

var getResponseData = (() => {
    switch (payload.returnType.toLowerCase()) {
        case "json" : return JSON.parse(httpRequest.responseText); 
        case "text" : return httpRequest.responseText; 
        default : return null;
    }
})();

这个sn-p可以很明显的看出区别：

const res1 = () => {
  return 'something'
}

const res2 = (() => {
  return 'something'
})()

const res3 = (() =>  'short something')()

console.log(res1)
console.log(res2)
console.log(res3)

Answer 3

我认为你的预感是正确的，但你走错了路，恕我直言。我认为您想要做的是创建响应类型到回调的映射：

let parsers = new Map([
    ["json", JSON.parse], 
    ["text", (text) => text], 
    ["_", () => null]
]), t = payload.returnType.toLowerCase();

if (!parsers.has(t)) {
   t = "_";
}
callback(null, parsers.get(t)(httpRequest.responseText))

使这在主观上更“干净”的原因是您将逻辑与实现分开。您可以将解析器定义移动到任何地方，而不会影响代码。这就是为什么 switch 语句感觉“不起作用”（或非声明性）的原因。

当然，这一切都只是个人喜好问题 :)