在JavaScript中编写嵌套函数的最可读方法是什么？

Question

实例验证码我写的似乎并不为可读，因为它可以：

function getShortMessages(messages) { 
    return messages.filter((messages) => { 
     return messages.message.length < 50 
    }).map((object) => { 
     return object.message 
    }) 
} 

Answer 1

function getShortMessages(messages) { 
 
    return messages.filter(message => message.message.length < 50) 
 
    .map(message => message.message) 
 
}

Answer 2

似乎还好我是诚实的。你可以做的是用你的js文件中的变量替换“50”。

var MESSAGE_MAX_LENGTH= 50; 

，并重新定位了一下您解决该函数的方式

function getShortMessages(messages) { 
    return messages 
     .filter((messageObject) => { 
      return messageObject.message.length < MESSAGE_MAX_LENGTH 
     }) 
     .map((messageObject) => { 
      return messageObject.message 
     }); 
} 

此外，我觉得，要解决的messages的数组，并通过filter功能运行时，最好是不调用对象messages但item或messageObject

而且，object在map功能有点不祥，称之为messageObject再比如，让你知道你用的是什么具体

Answer 3

在ES 6，您可以使用快捷键，这样的：

function getShortMessages(messages) { 
    return messages.filter(messages => messages.message.length < 50).map(object => object.message) 
} 

它取决于你哪一个是可读的。在一行中，您不需要使用{}或return，如果您使用阵列功能，使用1参数也不需要(messages) =>，则只能使用messages =>