Eine Minute zum Erinnern: Wenig bekannte Fakten, die Sie in Erstaunen versetzen werden

Als Sitecore-Entwickler spielt JavaScript eine entscheidende Rolle bei der Frontend-Entwicklung. Während der Seitenentwicklung können beim Debuggen oder der Integration in das Backend mithilfe von JavaScript Herausforderungen auftreten. Allerdings gibt es in JavaScript versteckte Schätze, die diese Belastungen lindern und den Prozess vereinfachen können

Hier können Sie die Liste der versteckten Juwelen in JavaScript sehen

console.table

Wir alle verwenden regelmäßig console.log. Aber console.table() hilft Ihnen dabei, Daten im Json-Format, CSV-Format oder im Wörterbuchformat in Tabellenform zu konvertieren.

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()ist eine Methode in JavaScript, die die Erstellung einer neuen Funktion ermöglicht, die das Verhalten von console.log widerspiegelt, jedoch mit einem vordefinierten Kontext. Diese neue Funktion kann wie jede andere JavaScript-Funktion aufgerufen werden und führt console.log mit dem vorgegebenen Kontext aus. Zum Beispiel,

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

In JavaScript können Sie dynamische Eigenschaftsnamen in Objekten mithilfe der eckigen Klammernotation verwenden []. Dadurch können Sie Objekteigenschaften festlegen oder darauf zugreifen, indem Sie eine Variable oder einen Ausdruck als Eigenschaftsnamen verwenden.

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

Mit dem inOperator können Sie überprüfen, ob eine Eigenschaft in einem Objekt vorhanden ist, einschließlich geerbter Eigenschaften.

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)

apply()-Methode

Die apply()Methode ist eine in JavaScript integrierte Methode, die den Aufruf einer Funktion mit einem bestimmten Kontext (dh dem Wert dieses innerhalb der Funktion) zusammen mit einem Array oder einem arrayähnlichen Objekt von Argumenten ermöglicht.

Syntax:

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.

Das ist alles für den Moment. Seien Sie gespannt auf kommende Blogbeiträge, in denen wir weiterhin weniger bekannte Fakten und Erkenntnisse untersuchen werden.

Viel Spaß beim Codieren!!