Tengo un código de muestra en el siguiente enlace: muestra de trabajo .
var a = "sd 1234 abc \n"; function removeNewLineCharacter1() { doCount(a); var _trimNewLineCharsRegExp = /(^[\n\r]+)|([\n\r]+$)/g; function doCount(g) { var originalLength = g.length; g = g.replace(_trimNewLineCharsRegExp, ""); console.log("original length :" + originalLength + " and final length : " + g.length); } } function removeNewLineCharacter2() { var _trimNewLineCharsRegExp = /(^[\n\r]+)|([\n\r]+$)/g; doCount(a); function doCount(g) { var originalLength = g.length; g = g.replace(_trimNewLineCharsRegExp, ""); console.log("original length :" + originalLength + " and final length : " + g.length); } } <button id="btn1" onclick="removeNewLineCharacter1(); return false;">Remove new line character(s) 1</button> <button id="btn1" onclick="removeNewLineCharacter2(); return false;">Remove new line character(s) 2</button> Cuando hago clic en el botón que dice Remove new line character(s) 1 , el carácter de nueva línea no se recorta de la cadena a . Sin embargo, cuando hago clic en el botón que dice Remove new line character(s) 2 , se elimina el carácter de la nueva línea. Ambos botones están llamando a funciones diferentes cuando se les hace clic, pero la diferencia entre estas funciones llamadas es simplemente que la variable de expresión regex _trimNewLineCharsRegExp se declara antes de la función de ámbito local doCount en la función llamada que funciona.
Pregunta
¿Por qué el carácter de nueva línea no se elimina con la función onclick del primer botón?
Las variables declaradas con var se elevan, por lo que no importa cuándo se declaren .
La clave aquí es cuando se le asigna un valor .
En el primer ejemplo, es undefined , luego llamas a la función (pasando undefined a g.replace ), luego le das un valor.
En el segundo ejemplo, le da un valor antes de llamar a la función (así que pasa /(^[\n\r]+)|([\n\r]+$)/g a g.replace ).
Las variables definidas con var se elevan. Esto significa que la declaración se mueve a la parte superior de la función. Pero se initialized donde les asignas un valor.
En su caso, en un caso está inicializando la variable antes de llamar a doCount y en otro después.
Esto significa que dentro removeNewLineCharacter1 doCount se ejecuta con un valor de undefined para _trimNewLineCharsRegExp . Aquí es donde viene la diferencia.