Un minuto da ricordare: fatti poco noti che ti stupiranno

Come sviluppatore Sitecore, JavaScript svolge un ruolo cruciale nello sviluppo front-end. Durante lo sviluppo della pagina, possono sorgere problemi durante il debug o l'integrazione con il back-end utilizzando JavaScript. Tuttavia, ci sono gemme nascoste in JavaScript che possono alleviare questi oneri e semplificare il processo

Qui puoi vedere l'elenco delle gemme nascoste in JavaScript

tavolo.consolle

Usiamo tutti regolarmente console.log. Ma console.table() ti aiuterà a convertire il formato Json, il formato CSV o qualsiasi dato in formato dizionario in formato tabulare.

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()è un metodo in JavaScript che abilita la creazione di una nuova funzione che rispecchia il comportamento di console.log, ma con un contesto predefinito. Questa nuova funzione può essere chiamata come qualsiasi altra funzione JavaScript ed eseguirà console.log con il contesto predeterminato. Per esempio,

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

In JavaScript, puoi utilizzare nomi di proprietà dinamici negli oggetti utilizzando []la notazione tra parentesi quadre. Ciò consente di impostare o accedere alle proprietà dell'oggetto utilizzando una variabile o un'espressione come nome della proprietà.

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

L' inoperatore consente di verificare se esiste una proprietà in un oggetto, comprese le proprietà ereditate.

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)

metodo apply()

Il apply()metodo è un metodo integrato in JavaScript che consente di invocare una funzione con un contesto designato (ad esempio, il valore di questo all'interno della funzione) insieme a un array o un oggetto di argomenti simile a un array.

Sintassi:

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.

È tutto per ora. Resta sintonizzato per i prossimi post del blog in cui continueremo a esplorare fatti e approfondimenti meno noti.

Buona programmazione!!