CodeBlanks Logo Icon CodeBlanks

Birleştirme

Yardımcı fonksiyonları bir modülde birleştirirsin.

Birleştirme

Son derste tüm yardımcı metotları birleştiren bir summary metodu ekleyeceğiz. Bu metod capitalize, clamp ve formatDate'i çağırıp sonuçları tek bir dizede birleştirir.

Örnek: helpers.summary = function() { return helpers.capitalize("hazır") + " | " + helpers.clamp(15, 0, 10) + " | " + helpers.formatDate("2024-03-15"); }. Çağrı: helpers.summary() sonucu Hazır | 10 | 15.03.2024 olur. Bu metod, kütüphanenin tüm araçlarını tek bir yerden gösterir; böylece yardımcıların birlikte nasıl çalıştığını görürsün. Önceki derslerin çözümünü alıp bu metodu ekleyeceğiz ve kütüphane tamamlanacak.

summary tasarımı

summary metodu parametre almaz; tüm değerleri sabit (hardcoded) olarak çağırır ve " | " ayraçıyla birleştirir. Bu, kütüphanenin bir bakışta nasıl çalıştığını gösteren bir gösterge (demo) metodudur.

Akış: helpers.summary = function() { return helpers.capitalize("hazır") + " | " + helpers.clamp(15, 0, 10) + " | " + helpers.formatDate("2024-03-15"); }. console.log(helpers.summary()) çağrısı Hazır | 10 | 15.03.2024 yazdırır. Bu, önceki çıktıların (Hazır, Merhaba, 10, 15.03.2024) ardından yeni satırda görünür. Böylece beş dersin tüm çıktısı birikmiş olur ve yardımcı kütüphane tamamlanır.

Uygulama summary metodunu ekle ve çağır

Önceki derslerin çözümünü al. helpers.summary metodunu ekle: gövdesi return helpers.capitalize("hazır") + " | " + helpers.clamp(15, 0, 10) + " | " + helpers.formatDate("2024-03-15");. console.log(helpers.summary()) ile sonucu yazdır.

Başlangıç kodu

index.js
const helpers = {};
module.exports = helpers;
console.log("Hazır");
helpers.capitalize = function(text) {
  if (!text) return text;
  return text[0].toUpperCase() + text.slice(1);
};
console.log(helpers.capitalize("merhaba"));
helpers.clamp = function(value, min, max) {
  if (value < min) return min;
  if (value > max) return max;
  return value;
};
console.log(helpers.clamp(15, 0, 10));
helpers.formatDate = function(iso) {
  const [y, m, d] = iso.split("-");
  return d + "." + m + "." + y;
};
console.log(helpers.formatDate("2024-03-15"));

// summary metodunu ekle
// buraya yaz

// summary'i çağır ve sonucu yazdır
// buraya yaz

Örnek çözüm

index.js
const helpers = {};
module.exports = helpers;
console.log("Hazır");
helpers.capitalize = function(text) {
  if (!text) return text;
  return text[0].toUpperCase() + text.slice(1);
};
console.log(helpers.capitalize("merhaba"));
helpers.clamp = function(value, min, max) {
  if (value < min) return min;
  if (value > max) return max;
  return value;
};
console.log(helpers.clamp(15, 0, 10));
helpers.formatDate = function(iso) {
  const [y, m, d] = iso.split("-");
  return d + "." + m + "." + y;
};
console.log(helpers.formatDate("2024-03-15"));
helpers.summary = function() {
  return helpers.capitalize("hazır") + " | " + helpers.clamp(15, 0, 10) + " | " + helpers.formatDate("2024-03-15");
};
console.log(helpers.summary());

Beklenen çıktı

Hazır
Merhaba
10
15.03.2024
Hazır | 10 | 15.03.2024

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Metodu çıktısına eşle

Kavram Anlamı
capitalize("merhaba") Merhaba
clamp(15, 0, 10) 10
formatDate("2024-03-15") 15.03.2024
summary() Hepsi bir arada

2 summary metodu ne yapar?

index.js
helpers.summary()
  • helpers nesnesini siler
  • Yalnızca capitalize çağırır
  • Tüm yardımcıları çağırıp tek dizede birleştirir Doğru cevap
  • Yeni bir yardımcı ekler

Açıklama: summary tüm yardımcıları birleştirir.

3 summary çağrısını tamamla

Soru
console.log(helpers.____());
Cevap
console.log(helpers.summary());

Açıklama: summary çağrılır ve sonucu yazdırılır.

Orta seviye bölümündeki tüm dersler