CodeBlanks Logo Icon CodeBlanks

Görev nesnesi tasarımı

JavaScript kursu · Başlangıç · Ders 101/133

id, başlık ve tamamlanma durumunu tutan görev nesnesi tasarımını yaparsın.

Görev nesnesi tasarımı

Bir görevi temsil etmek için bir nesne kullanacağız. Nesne, ilgili veriyi tek bir pakette toplar ve her parçaya bir alan (property) ile ulaşmamızı sağlar.

Görev nesnemiz üç alan taşır: id görevin numarası, title görevin adı ve completed bitip bitmediği. Bu tasarım görev üzerinde yapılan tüm işlemlerin temelidir.

id alanı

id alanı her göreve benzersiz bir numara verir. İlk görev 1, ikinci 2 olur. Bu numara sayesinde completeTask veya deleteTask hangi görevi hedeflediğini net bilir.

Numarayı nextId sayacı üretir. Her eklemede sayacın değeri yeni göreve verilir ve sayaç bir artırılır. Böylece iki görev asla aynı numarayı paylaşmaz.

completed bayrağı

completed alanı görevin bitirilip bitirilmediğini tutar. Değeri ya true ya da false olur; yani bir boolean'dır. Yeni görevler her zaman false ile başlar.

Bir görevi tamamladığında bu alan true olur. Silmediğin sürece görev listede kalır ve tamamlanmış olarak işaretlenir. Böylece tamamlananları sonradan süzebilirsin.

Uygulama createTask fonksiyonunu yaz

createTask adında bir fonksiyon tanımla. title parametresi alsın ve id, title, completed alanlarını içeren bir nesne döndürsün. id için nextId'yi, completed için false'i kullan.

Örnek çözümü göster
Fonksiyon bir nesne döndürmeli. id için nextId'yi, title için parametreyi, completed için false kullan.

Örnek çözüm:
function createTask(title) {
  return {
    id: nextId,
    title: title,
    completed: false
  };
}

Kendini test et

  1. createTask fonksiyonu ne döndürmeli?

    • Bir dizi
    • Bir nesne
    • Bir sayı
    • Bir metin
    Cevabı göster

    Bir nesne — createTask bir görevi temsil eden nesneyi döndürür; içinde id, title ve completed alanları vardır.

  2. Görev nesnesini tamamla

    function createTask(title) {
      return {
        id: nextId,
        title: title,
        ____: false
      };
    }
    Cevabı göster
    function createTask(title) {
      return {
        id: nextId,
        title: title,
        completed: false
      };
    }
  3. Alanları anlamlarıyla eşleştir

    id
    Benzersiz numara
    title
    Görevin adı
    completed
    Tamamlandı mı

Başlangıç bölümündeki tüm dersler