在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 =>