【问题标题】:Unexpected block statement surrounding arrow body sort method [duplicate]围绕箭头体排序方法的意外块语句[重复]
【发布时间】:2018-04-14 03:47:40
【问题描述】:

我在运行此代码时收到以下错误Unexpected block statement around arrow body

getters: {
loadedMeetups(state) {
  return state.loadedMeetups.sort((meetupA, meetupB) => {
    return meetupA.date > meetupB.date;
  });
},

我不知道为什么它会给我这个错误。

【问题讨论】:

  • 这只是一个 linting 问题;考虑到该函数的琐碎内容,它期待.sort((meetupA, meetupB) => meetupA.date > meetupB.date)

标签: javascript vue.js jslint


【解决方案1】:

如果一个粗箭头函数只包含一个return 语句,则不需要将它用大括号括起来,只需将要返回的表达式放入即可:

getters: {
    loadedMeetups(state) {
        return state.loadedMeetups.sort((meetupA, meetupB) => meetupA.date > meetupB.date);
},

JSLint 只是警告您有这个冗余代码。

【讨论】: