Görev modeli
- Node.js kursu
- Başlangıç
- Ders 83/116
- 6 dk
Task nesnesini ve dizi yapısını tasarlarsın.
Görev modeli
Bu 5 derslik projede bir yapılacaklar listesi (to-do listesi) uygulaması yapacaksın. Her derste listeye bir parça ekleyecek, son derste komut satırından çalışan tam bir uygulama elde edeceksin.
İlk ders task nesnesini tasarlamak. Bir görevin iki özelliği olacak: title (başlık metni) ve done (tamamlandı mı). Bu yapı projenin tüm derslerinde kullanılacak. JavaScript'te ilgili verileri tek bir nesne altında toplamak için nesne literalı { } kullanılır.
Örnek: const task = { title: 'Ekmek al', done: false }. Bu, başlığı 'Ekmek al' ve durumu 'tamamlanmadı' olan bir görevi temsil eder. task.title ile başlığa erişebilirsin.
Nesne ile görev tanımla
Bir görev nesnesi, nesne literalı ile tanımlanır: { title: '...', done: false }. title metin, done ise mantıksal bir değerdir. Yeni görev her zaman false (tamamlanmadı) ile başlar.
Nesneyi const ile bir değişkene bağladıktan sonra nokta yazımıyla özelliklerine erişebilirsin: task.title başlığı, task.done ise durumu verir. Özellik değerini sonradan değiştirebilirsin: task.done = true görevi tamamlandı işaretler.
Bu dersin görevinde tek bir görev nesnesi tanımlayıp başlığını ekrana yazdıracaksın. Sonraki derslerde bu nesne yapısını bir dizi içinde toplayacağız.
Uygulama Görev nesnesini yazdır
task adında bir nesne tanımla: { title: 'Ekmek al', done: false }. task.title özelliğini console.log ile yazdır.
Başlangıç kodu
// Bir görev nesnesi tanımla ve title'ı yazdırÖrnek çözüm
const task = { title: 'Ekmek al', done: false };
console.log(task.title);Beklenen çıktı
Ekmek al
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 task.title ne yazdırır?
const task = { title: 'Ekmek al', done: false };
console.log(task.title);- Task
- null
- Ekmek al Doğru cevap
- Boş
Açıklama: task.title özelliği 'Ekmek al' değerini taşır.
2 done özelliği
const task = { title: 'Ekmek al', done: ____ };const task = { title: 'Ekmek al', done: false };Açıklama: done: false yeni görevin tamamlanmadığını belirtir.
3 Görev nesnesini eşle
| Kavram | Anlamı |
|---|---|
title |
Başlık özelliği |
done |
Durum özelliği |
false |
Yeni görevin done değeri |
task.title |
Başlığa erişim |