En este artículo, discutiremos cómo dividir el código javascript en varias líneas. Generalmente dividimos el código en varias líneas para que pueda ser leído fácilmente por una tercera persona o por el propio programador.
Hay dos formas de dividir el código JavaScript en varias líneas:
- Podemos usar el carácter de escape de nueva línea, es decir, «\n» . si estamos trabajando en el archivo js o no representamos el código en la página html.
- Podemos usar la etiqueta <br> . si estamos trabajando en el archivo html .
- Podemos utilizar formateadores de código opcionales como más bonitos para tales fines. dividir el código JavaScript en varias líneas es un proceso en el que se reduce la torpeza del código. A veces, escribimos largas líneas de código que dificultan la legibilidad.
Enfoque 1: Usar el carácter de nueva línea.
HTML
<!DOCTYPE html> <html> <head> <title>Javascript breaking lines of code</title> </head> <body> <script> // using \n console.log( "let us see how to break lines in javascript, \n what can we do ?" ); </script> </body> </html>
Producción:
Enfoque 2: uso de la etiqueta <br> .
HTML
<!DOCTYPE html>
<html>
<head>
<title>Javascript breaking lines of code</title>
</head>
<body>
<script>
document.write("This line will not be breaked by the <br> tag");
// Breaking the javascript code by using <br> tag
document.write("<br>");
document.write("<br>");
document.write("This line will be breaked by the <br> tag");
</script>
</body>
</html>
Salida: Las líneas se separaron en dos después de usar la etiqueta <br>.
Enfoque 3: usar la extensión más bonita
En VSCode, después de instalar el complemento más bonito, podemos cambiar el formateador predeterminado a más bonito. después de cambiarlo para que sea el formateador predeterminado, se debe crear un archivo más bonito con la extensión .prettierrc y se debe escribir el siguiente código:
{
"printWidth": 50
}
La propiedad de ancho de impresión establece la longitud de la línea en la que se ajustará la impresora.
Ejemplo:
-
Antes de usar más bonito:
-
Después de usar más bonito: se puede ver claramente que las líneas se formatearon de acuerdo con el ancho máximo proporcionado (el valor que le damos a printWidth). el ancho de impresión es 50 para el siguiente código.
Publicación traducida automáticamente
Artículo escrito por isitapol2002 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA