Strings

El uso de back tick’s se conoce como “interpolación de strings” y es sumamente útil para construir cadenas de forma muy sencilla, con la interpolación ya no necesitamos métodos de concatenación y aunque habrá casos en los que no se pueda usar, es muy conveniente aprenderlo, verás que te facilita la vida.

Para el caso de cadenas de caracteres con apóstrofe, puede hacerse también de esta manera.

let myName = 'Hi, I\'m Cesar'
console.log(myName) // Hi, I'm Cesar

<back tick ( alt + 96) = ` `.
comillas simples (alt + 39) = ' '.> 

(() => {
    let productTitle = 'Balones';


    //nos arroja un error
    productTitle = null;
    productTitle = () => {};
    productTitle = 123;
    productTitle = 'guayos';
    console.log('productTitle', productTitle);

    //también con comilla doble
    const productDescription = "guayos blablablabla";
    console.log('productDescription', productDescription);
    
    let isNew: boolean = false;
    let productPrice = 100;


    //con el backtick me permite concatenar y escribir en varias lineas 
    const summary = `
       title: ${productTitle}
       description: ${productDescription}
       price: ${productPrice}
       isNew: ${isNew}
    `;

    console.log('summary', summary);
})();

Como conclusión, usamos las comillas dobles cuando vamos a usar comillas simples dentro del texto y los backticks nos ayudan a usar multilínea e insertar variables de una manera mas cómoda
.
Ah si… y en relación a TS, podemos declarar que una variable es string de la siguiente manera

let name: string = "Irving"

Consejo para ubicar siempre el backtick sin importar que teclado tengas es usando ASCII: memoriza atl + 96 y sha

back tick ( alt + 96) =
o generalemte junto a esc

Excelente curso!

Paso por acá recomendando la extensión de VSC llamada “Turbo Console Log” esta simplemente con pulsar la combinacion de teclas CTRL + ALT + L nos hace un console log de la variable que queremos imprimir con detalles de la misma bien interesantes.

✅

My notes today

(() => {
  //Type string implicit
  let productTitle = "My amazing product";
  //productTitle = null //We can't reassign a value with different type
  console.log("Product title", productTitle);

  //We can use double quotation marks, single quotes, and back tick's
  const productDescription = "Lorem ipsum dolor sit amet, lore'm";
  console.log(productDescription);
  const productDescription2 = 'Lorem ipsum dolor sit amet, lore\'m';
  console.log(productDescription2);

  const productPrice = 125.00;
  let productIsNew = true;

  //Backticks, are useful to multiline stings and do string interpolation
  const summary = `
    Title: ${productTitle},
    Description: ${productDescription},
    Price: ${productPrice},
    Is New: ${productIsNew}
  `;
  console.log(summary);

})();

para no tener problemas en sacar el back stick y en general cualquier carácter, recomiendo usar el formato ASCII Character Set

en el caso del back stick sería : alt 96 , y eso para todos los pcs

tambien pueden utilizar la comilla simpel de esta manera

let phrase = 'Hello, i\'m the one who wrote this'

utilizando el backslash “” pueden colocar valores como salto de linea, o comillas y mas.

alt + 96 => ``

Tip: Recuerden que siempre que tengan un caracter especial o dentro del mismo tipo de comillas necesiten colocar otra(s) igual(es) pueden colocar la \ antes de esa comilla adicional y ya será leída correctamente,

En windows alt + 96 para obtener la comilla francesa

`

Los que tengan MAC para el backticks o interpolar suele se esta tecla.

Comilla simple vs Comilla doble: Si deseamos utilizar comilla simple en un string, Ej: " I ’ m a software developer ", todo el string debe estar en tre comillas dobles.
Backticks: Permite manejar varables y concatenarlas de forma sencilla. Además te permite hacer saltos de línea.

Si tienen teclado en ingles, en el mio es con la combinacion de teclas fn + esc
o si tienes un teclado con numeros a la derecha, se puede con la combinacion alt + 96. Esto sirve con cualquier teclado dsebido a que es ascii

hay una forma de que dentro de los strings te permita utilizar las comillas segun sea el caso.
Esta forma es “escapando” el caracter de la comilla con el backslash

e.g:

const aString = 'Hello \'budy\'!';

string !== String

Back tick’s se saca con alt + 96

Si tienen su teclado en español, usando Alt Gr + la tecla que tiene los símbolos } ] ` podrán colocar el back tick.

el “back tick” en windows también se puede poner con AltGr + la tecla con la que cerramos las llaves }

Para hacer el “back tick”, podemos usar Alt + 96 o Alt + fn + 96