Comillas de escape en JavaScript
-
Uso de comillas de escape (
\"y\') en JavaScript - Usar caracteres de entidad como comillas de escape en JavaScript
En JavaScript, al definir una cadena, usamos comillas (" ") como límite del contexto. A menudo usamos el apóstrofe(' ') para hacer una tarea similar. El problema surge cuando tenemos uno de estos personajes en nuestro contexto. Automáticamente, cuando se muestra la página web, algunos de los contextos se eliminan.
Entonces, para resolver este problema, usamos \", \', \\, y muchas más comillas de escape. Junto con esto, también preferimos algún código de carácter especial XML para definir dichos símbolos, como ", '.
En la siguiente sección, demostraremos los casos con algunos ejemplos de código.
Uso de comillas de escape (\" y \') en JavaScript
Aquí, cuando definimos la cadena con " " no se operará si hay alguna cita en el contexto interno. Sin embargo, la solución dice usar una barra invertida antes de la cita, parte del contexto. Pero en este caso, tiene un apóstrofe en medio del contexto, funcionará bien.
Fragmento de código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>test</title>
</head>
<body>
<p id="okay"></p>
</body>
</html>
var x = 'I\'m cool.';
var y = 'Hey! It\'s "Nelson"!';
var z = 'The board has a "Cross" sign.';
document.getElementById('okay').innerHTML = x + '<br>' + y + '<br>' + z;
Producción:
Como puede ver, cada vez que usamos " " para cadenas, la comilla dentro de la cadena necesita una barra invertida. Nuevamente, cuando la cadena está envuelta por el ' ', cualquier apóstrofe interno tendrá una barra invertida justo antes del signo.
Usar caracteres de entidad como comillas de escape en JavaScript
Los caracteres de entidad de HTML también funcionan como comillas de escape. La convención requiere un " para una comilla y un ' para mostrar un apóstrofo.
Fragmento de código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>test</title>
</head>
<body>
<p id="okay"></p>
</body>
</html>
var a1 = 'Hey, would you mind saying "Hi"?';
var a2 = 'Okay! 'Hello'';
document.getElementById('okay').innerHTML = a1 + '<br>' + a2;
Producción:
