Hatırlanması gereken bir dakika : Sizi Şaşırtacak Az Bilinen Gerçekler

Bir Sitecore geliştiricisi olarak JavaScript, ön uç geliştirmede çok önemli bir rol oynar. Sayfa geliştirme sırasında, hata ayıklama veya JavaScript kullanarak arka uçla entegrasyon sırasında zorluklar ortaya çıkabilir. Ancak, JavaScript'te bu yükleri hafifletebilecek ve süreci basitleştirebilecek gizli cevherler vardır.

Burada JavaScript'teki gizli mücevherlerin listesini görebilirsiniz.

konsol.tablo

Hepimiz düzenli olarak console.log kullanıyoruz. Ancak console.table(), Json biçimini, CSV biçimini veya herhangi bir sözlük biçimindeki verileri tablo biçimine dönüştürmenize yardımcı olacaktır.

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()JavaScript'te, console.log davranışını yansıtan, ancak önceden tanımlanmış bir bağlamla yeni bir işlevin oluşturulmasını sağlayan bir yöntemdir. Bu yeni işlev, diğer herhangi bir JavaScript işlevi gibi çağrılabilir ve önceden belirlenmiş içerikle console.log'u çalıştırır. Örneğin,

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

JavaScript'te, köşeli parantez gösterimi kullanan nesnelerde dinamik özellik adlarını kullanabilirsiniz []. Bu, özellik adı olarak bir değişken veya ifade kullanarak nesne özelliklerini ayarlamanıza veya bunlara erişmenize olanak tanır.

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

Operatör in, kalıtsal özellikler de dahil olmak üzere bir nesnede bir özelliğin olup olmadığını kontrol etmenizi sağlar.

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)

uygula() yöntemi

Yöntem apply(), JavaScript'te yerleşik bir yöntemdir ve bir dizi veya dizi benzeri argüman nesnesi ile birlikte belirlenmiş bir bağlamla (yani, işlev içindeki bunun değeri) bir işlevin çağrılmasına izin verir.

Sözdizimi:

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.

Şimdilik bu kadar. Daha az bilinen gerçekleri ve içgörüleri keşfetmeye devam edeceğimiz gelecek blog gönderileri için bizi izlemeye devam edin.

Mutlu kodlama!!