Javascript/Coffeescript append TypError: ist keine Funktion

Question

Warum funktioniert nicht?

Es funktioniert, wenn ich Variable msg für einen Zeichenfolgewert ändern.

Code:

console.log full_messages # Array [ "text to be displayed" ] 
for msg in full_messages 
    $('#error_explanation ul').append('<li>'+ msg +'</li>') 

Fehlermeldung:

TypeError: msg is not a function

Answer 1

Ihr Problem in Ihrem Leerzeichen (oder deren Fehlen):

'<li>'+ msg +'</li>' 

Coffee denkt, dass die zweite +, dass ist ein unärer Operator, so wird das Ganze interpretiert als:

'<li>' + msg(+'</li>') 

Wenn Sie setzen Räume auf beiden Seiten des binären Operatoren:

'<li>' + msg + '</li>' 
#  ^^^ ^^^ 

dann Coffee tut, was Sie erwarten es. Faustregel: immer Leerzeichen auf beiden Seiten von binären Operatoren einfügen.

Sie könnten auch String-Interpolation verwenden:

"<li>#{msg}</li>" 

, die genau das gleiche JavaScript als '<li>' + msg + '</li>' wird, ist aber (wohl) besser lesbar und idiomatische.