Un minuto para recordar: hechos poco conocidos que te sorprenderán

Como desarrollador de Sitecore, JavaScript juega un papel crucial en el desarrollo de front-end. Durante el desarrollo de la página, pueden surgir desafíos al depurar o integrar con el backend usando JavaScript. Sin embargo, hay gemas ocultas en JavaScript que pueden aliviar estas cargas y simplificar el proceso.

Aquí puedes ver la lista de gemas ocultas en JavaScript

mesa de consola

Todos usamos regularmente console.log. Pero console.table() lo ayudará a convertir el formato Json, el formato CSV o cualquier dato de formato de diccionario en formato tabular.

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data);

// Output:
(index) | name  | age | city
--------|-------|-----|----------
0       | Prabhu| 25  | New York
1       | Raj   | 30  | India
2       | Bob   | 35  | Chicago

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data, ['name', 'city']);

// Output:
(index) | name  | city
--------|-------|----------
0       | Prabhu| New York
1       | Raj   | India
2       | Bob   | Chicago

console.log.bind()es un método en JavaScript que permite la creación de una nueva función que refleja el comportamiento de console.log, pero con un contexto predefinido. Esta nueva función se puede llamar como cualquier otra función de JavaScript y ejecutará console.log con el contexto predeterminado. Por ejemplo,

const myLog = console.log.bind(console, 'Custom prefix:');
myLog('Hello, world!'); 
// Output: Custom prefix: Hello, world!

En JavaScript, puede usar nombres de propiedades dinámicas en objetos usando []la notación de corchetes. Esto le permite establecer o acceder a las propiedades del objeto utilizando una variable o una expresión como nombre de propiedad.

const propertyName = 'name';
const person = {
  [propertyName]: 'Prabhu',
  age: 25,
  city: 'New York'
};

console.log(person.name); // Output: Prabhu

const propertyName = 'age';
const ageMultiplier = 2;
const person = {
  name: 'Prabhu',
  [propertyName]: 25,
  [`${propertyName}In5Years`]: 25 + (ageMultiplier * 5)
};

console.log(person.age); // Output: 25
console.log(person.ageIn5Years); // Output: 35

El inoperador le permite verificar si existe una propiedad en un objeto, incluidas las propiedades heredadas.

const obj = { foo: 'bar', baz: 'qux' };

console.log('foo' in obj); // Output: true
console.log('bar' in obj); // Output: false (since 'bar' is a value not a prop)

Aplicar () método

El apply()método es un método integrado en JavaScript que permite invocar una función con un contexto designado (es decir, el valor de este dentro de la función) junto con una matriz o un objeto de argumentos similar a una matriz.

Sintaxis:

functionName.apply(thisValue, arrayOfArgs)

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.title} ${this.name}.`);
}

const person = {
  title: 'Mr.',
  name: 'Prabhu'
};

greet.apply(person, ['Sam']); 
// Output: Hello, Sam! I am Mr. Prabhu.

Eso es todo por ahora. Estén atentos a las próximas publicaciones de blog donde continuaremos explorando hechos e ideas menos conocidos.

¡Feliz codificación!