¿Qué hace el punto y coma inicial en las bibliotecas de JavaScript?

Los puntos y comas en JavaScript dividen a la comunidad. Algunos desarrolladores prefieren usarlos siempre. Pocos desarrolladores quieren evitarlos. En algunos casos, omitirlos puede tener malas consecuencias. Se requiere un punto y coma cuando dos declaraciones están en la misma línea. Entonces, si va a poner dos declaraciones en la misma línea, debe separarlas con un punto y coma. El punto y coma solo es obligatorio cuando tiene dos o más declaraciones en la misma línea. Uno debe tener una buena práctica de usar un punto y coma para evitar errores.

Sintaxis:

// Semicolon compulsory
let i = 0; i++  

El objetivo principal de un punto y coma inicial es la indicación de seguridad, es decir, si en caso de que la biblioteca esté incrustada en cualquier otro código, tal vez tenga errores, entonces tratará la última declaración como la última declaración. En otras palabras, el propósito de este punto y coma es evitar un error si un archivo se concatena con otro archivo. 

porque el problemaes que podría interpretarse como una continuación del enunciado anterior. Por lo tanto, un ‘;’ inicial se usa delante de las bibliotecas de JavaScript para evitar errores cuando agregamos cualquier archivo durante la concatenación a un archivo que contiene una expresión que no termina correctamente con un punto y coma. Los puntos y comas de JavaScript son opcionales y pueden ser posibles porque JavaScript no requiere estrictamente puntos y comas, ya que es un proceso en segundo plano (inserción automática de punto y coma), que lo agregará automáticamente cuando sea necesario. Entonces, a diferencia de otros lenguajes como C, no se requiere obligatoriamente usar un punto y coma al final de las declaraciones, sino que es opcional aquí. Es el trabajo de un intérprete de JavaScript agregar los puntos y comas de manera inteligente cuando ejecuta cualquier código. Pero si estamos hablando de concatenar dos o más archivos, por lo tanto, para evitar errores, debemos colocar un punto y coma delante de las bibliotecas de JavaScript. Una biblioteca en JavaScript muestra una función, que comienza con un punto y coma 
Sintaxis:

;(function ){
    
}

Ejemplo 1:  En este ejemplo, no usaremos punto y coma en el primer código y lo usaremos en el segundo código.

javascript

let userName = 'Deeksha';
  
function showMessage() {
  let message = 'hey, ' + userName;
  console.log(message);
    
}
function ReadMessage() {
  let read = 'You are promoted, ' + userName;
  console.log(read);
   
}
  
// When we are concatenating without 
// a semicolon
showMessage()
ReadMessage()

Producción:

hey, Deeksha
You are promoted, Deeksha

javascript

let userName = 'Deeksha';
  
function showMessage() {
  let message = 'hey, ' + userName;
  console.log(message);
    
}
function ReadMessage() {
  let read = 'You are promoted, ' + userName;
  console.log(read);
   
}
  
// When we are concatenating with 
// a semicolon
;showMessage();ReadMessage()

Producción: 

hey, Deeksha
You are promoted, Deeksha

Ejemplo 2: 

  • Sintaxis: Tomemos un archivo JavaScript con una variable
var animal= ”Tiger”
  • Sintaxis: Ahora, tomemos otro archivo JavaScript con una función: 
(function(){})()

Ahora, funciona bien si concatena ambos archivos por separado, pero puede dar un error si los concatena como se hace con frecuencia para reducir la cantidad de requests. 

javascript

var animal = "Tiger";
  
function fun() {
  animal = "Tiger";
  console.log(animal)
    
}
fun();
  
var animal = "Tiger";(function(){})()

Producción: 

Tiger

javascript

var animal = "Tiger";
  
function fun() {
  animal = "Tiger";
  console.log(animal)
    
}
fun();
  
var animal = "Tiger"(function(){})()

Producción: 

Tiger
/home/tim/Personal/Semifinished/index.js:10
var animal = "Tiger"(function(){})()
                    ^

TypeError: "Tiger" is not a function

Nota: En el proceso anterior, el motor intenta llamar al resultado de (Primero)() pero con el argumento Segundo. Por lo tanto, es importante agregar un punto y coma delante de las bibliotecas de JavaScript para delimitar las declaraciones que solucionan el problema.

Publicación traducida automáticamente

Artículo escrito por dikshamulchandani1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *