You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/id/2-js-basics/2-functions-methods/README.md

24 KiB

Dasar-Dasar JavaScript: Metode dan Fungsi

Dasar-Dasar JavaScript - Fungsi

Sketchnote oleh Tomomi Imura

journey
    title Your JavaScript Functions Adventure
    section Foundation
      Function Syntax: 5: You
      Calling Functions: 4: You
      Parameters & Arguments: 5: You
    section Advanced Concepts
      Return Values: 4: You
      Default Parameters: 5: You
      Function Composition: 4: You
    section Modern JavaScript
      Arrow Functions: 5: You
      Anonymous Functions: 4: You
      Higher-Order Functions: 5: You

Kuis Pra-Pelajaran

Kuis pra-pelajaran

Menulis kode yang sama berulang kali adalah salah satu frustrasi paling umum dalam pemrograman. Fungsi menyelesaikan masalah ini dengan memungkinkan Anda mengemas kode ke dalam blok yang dapat digunakan kembali. Pikirkan fungsi seperti bagian standar yang membuat jalur perakitan Henry Ford menjadi revolusioner setelah Anda membuat komponen yang andal, Anda dapat menggunakannya di mana pun diperlukan tanpa harus membangun ulang dari awal.

Fungsi memungkinkan Anda menggabungkan potongan kode sehingga Anda dapat menggunakannya kembali di seluruh program Anda. Alih-alih menyalin dan menempelkan logika yang sama di mana-mana, Anda dapat membuat fungsi sekali dan memanggilnya kapan pun diperlukan. Pendekatan ini menjaga kode Anda tetap terorganisir dan membuat pembaruan jauh lebih mudah.

Dalam pelajaran ini, Anda akan belajar cara membuat fungsi Anda sendiri, mengirimkan informasi ke dalamnya, dan mendapatkan hasil yang berguna kembali. Anda akan menemukan perbedaan antara fungsi dan metode, mempelajari pendekatan sintaks modern, dan melihat bagaimana fungsi dapat bekerja dengan fungsi lainnya. Kami akan membangun konsep-konsep ini langkah demi langkah.

Metode dan Fungsi

🎥 Klik gambar di atas untuk video tentang metode dan fungsi.

Anda dapat mengikuti pelajaran ini di Microsoft Learn!

mindmap
  root((JavaScript Functions))
    Basic Concepts
      Declaration
        Traditional syntax
        Arrow function syntax
      Calling
        Using parentheses
        Parentheses required
    Parameters
      Input Values
        Multiple parameters
        Default values
      Arguments
        Values passed in
        Can be any type
    Return Values
      Output Data
        return statement
        Exit function
      Use Results
        Store in variables
        Chain functions
    Advanced Patterns
      Higher-Order
        Functions as parameters
        Callbacks
      Anonymous
        No name needed
        Inline definition

Fungsi

Fungsi adalah blok kode mandiri yang melakukan tugas tertentu. Fungsi mengemas logika yang dapat Anda jalankan kapan pun diperlukan.

Alih-alih menulis kode yang sama beberapa kali di seluruh program Anda, Anda dapat mengemasnya dalam fungsi dan memanggil fungsi tersebut kapan pun Anda membutuhkannya. Pendekatan ini menjaga kode Anda tetap bersih dan membuat pembaruan jauh lebih mudah. Bayangkan tantangan pemeliharaan jika Anda perlu mengubah logika yang tersebar di 20 lokasi berbeda dalam kode Anda.

Memberi nama fungsi Anda secara deskriptif sangat penting. Fungsi yang diberi nama dengan baik mengkomunikasikan tujuannya dengan jelas ketika Anda melihat cancelTimer(), Anda langsung memahami apa yang dilakukannya, seperti tombol yang diberi label dengan jelas memberi tahu Anda apa yang akan terjadi saat Anda mengkliknya.

Membuat dan memanggil fungsi

Mari kita lihat bagaimana cara membuat fungsi. Sintaksnya mengikuti pola yang konsisten:

function nameOfFunction() { // function definition
 // function definition/body
}

Mari kita uraikan:

  • Kata kunci function memberi tahu JavaScript "Hei, saya sedang membuat fungsi!"
  • nameOfFunction adalah tempat Anda memberikan nama deskriptif untuk fungsi Anda
  • Tanda kurung () adalah tempat Anda dapat menambahkan parameter (kita akan membahasnya segera)
  • Kurung kurawal {} berisi kode aktual yang dijalankan saat Anda memanggil fungsi

Mari kita buat fungsi salam sederhana untuk melihat ini dalam aksi:

function displayGreeting() {
  console.log('Hello, world!');
}

Fungsi ini mencetak "Hello, world!" ke konsol. Setelah Anda mendefinisikannya, Anda dapat menggunakannya sebanyak yang Anda butuhkan.

Untuk menjalankan (atau "memanggil") fungsi Anda, tulis namanya diikuti oleh tanda kurung. JavaScript memungkinkan Anda mendefinisikan fungsi Anda sebelum atau setelah Anda memanggilnya mesin JavaScript akan menangani urutan eksekusi.

// calling our function
displayGreeting();

Saat Anda menjalankan baris ini, itu mengeksekusi semua kode di dalam fungsi displayGreeting Anda, menampilkan "Hello, world!" di konsol browser Anda. Anda dapat memanggil fungsi ini berulang kali.

🧠 Pemeriksaan Dasar-Dasar Fungsi: Membangun Fungsi Pertama Anda

Mari kita lihat bagaimana perasaan Anda tentang fungsi dasar:

  • Bisakah Anda menjelaskan mengapa kita menggunakan kurung kurawal {} dalam definisi fungsi?
  • Apa yang terjadi jika Anda menulis displayGreeting tanpa tanda kurung?
  • Mengapa Anda mungkin ingin memanggil fungsi yang sama beberapa kali?
flowchart TD
    A["✏️ Define Function"] --> B["📦 Package Code"]
    B --> C["🏷️ Give it a Name"]
    C --> D["📞 Call When Needed"]
    D --> E["🔄 Reuse Anywhere"]
    
    F["💡 Benefits"] --> F1["No code repetition"]
    F --> F2["Easy to maintain"]
    F --> F3["Clear organization"]
    F --> F4["Easier testing"]
    
    style A fill:#e3f2fd
    style E fill:#e8f5e8
    style F fill:#fff3e0

Catatan: Anda telah menggunakan metode sepanjang pelajaran ini. console.log() adalah metode pada dasarnya fungsi yang dimiliki oleh objek console. Perbedaan utamanya adalah metode terlampir pada objek, sedangkan fungsi berdiri sendiri. Banyak pengembang menggunakan istilah ini secara bergantian dalam percakapan santai.

Praktik terbaik fungsi

Berikut beberapa tips untuk membantu Anda menulis fungsi yang hebat:

  • Berikan nama yang jelas dan deskriptif untuk fungsi Anda diri Anda di masa depan akan berterima kasih!
  • Gunakan camelCasing untuk nama yang terdiri dari beberapa kata (seperti calculateTotal daripada calculate_total)
  • Fokuskan setiap fungsi untuk melakukan satu hal dengan baik

Mengirimkan informasi ke fungsi

Fungsi displayGreeting kita terbatas hanya dapat menampilkan "Hello, world!" untuk semua orang. Parameter memungkinkan kita membuat fungsi lebih fleksibel dan berguna.

Parameter bertindak seperti tempat penampung di mana Anda dapat memasukkan nilai yang berbeda setiap kali Anda menggunakan fungsi. Dengan cara ini, fungsi yang sama dapat bekerja dengan informasi yang berbeda pada setiap pemanggilan.

Anda mencantumkan parameter di dalam tanda kurung saat Anda mendefinisikan fungsi, memisahkan beberapa parameter dengan koma:

function name(param, param2, param3) {

}

Setiap parameter bertindak seperti tempat penampung saat seseorang memanggil fungsi Anda, mereka akan memberikan nilai aktual yang dimasukkan ke dalam tempat tersebut.

Mari kita perbarui fungsi salam kita untuk menerima nama seseorang:

function displayGreeting(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
}

Perhatikan bagaimana kita menggunakan tanda backtick (`) dan ${} untuk memasukkan nama langsung ke dalam pesan kita ini disebut template literal, dan ini adalah cara yang sangat praktis untuk membangun string dengan variabel yang dicampur.

Sekarang saat kita memanggil fungsi kita, kita dapat memasukkan nama apa pun:

displayGreeting('Christopher');
// displays "Hello, Christopher!" when run

JavaScript mengambil string 'Christopher', menetapkannya ke parameter name, dan membuat pesan yang dipersonalisasi "Hello, Christopher!"

flowchart LR
    A["🎯 Function Call"] --> B["📥 Parameters"]
    B --> C["⚙️ Function Body"]
    C --> D["📤 Result"]
    
    A1["displayGreeting('Alice')"] --> A
    B1["name = 'Alice'"] --> B
    C1["Template literal\n\`Hello, \${name}!\`"] --> C
    D1["'Hello, Alice!'"] --> D
    
    E["🔄 Parameter Types"] --> E1["Strings"]
    E --> E2["Numbers"]
    E --> E3["Booleans"]
    E --> E4["Objects"]
    E --> E5["Functions"]
    
    style A fill:#e3f2fd
    style C fill:#e8f5e8
    style D fill:#fff3e0
    style E fill:#f3e5f5

Nilai default

Bagaimana jika kita ingin membuat beberapa parameter bersifat opsional? Di sinilah nilai default berguna!

Misalnya, kita ingin orang dapat menyesuaikan kata salam, tetapi jika mereka tidak menentukan satu, kita akan menggunakan "Hello" sebagai cadangan. Anda dapat mengatur nilai default dengan menggunakan tanda sama dengan, seperti mengatur variabel:

function displayGreeting(name, salutation='Hello') {
  console.log(`${salutation}, ${name}`);
}

Di sini, name masih diperlukan, tetapi salutation memiliki nilai cadangan 'Hello' jika tidak ada yang memberikan salam yang berbeda.

Sekarang kita dapat memanggil fungsi ini dengan dua cara berbeda:

displayGreeting('Christopher');
// displays "Hello, Christopher"

displayGreeting('Christopher', 'Hi');
// displays "Hi, Christopher"

Pada pemanggilan pertama, JavaScript menggunakan "Hello" sebagai default karena kita tidak menentukan salam. Pada pemanggilan kedua, ia menggunakan "Hi" yang kita tentukan. Fleksibilitas ini membuat fungsi dapat beradaptasi dengan berbagai skenario.

🎛️ Pemeriksaan Penguasaan Parameter: Membuat Fungsi Fleksibel

Uji pemahaman parameter Anda:

  • Apa perbedaan antara parameter dan argumen?
  • Mengapa nilai default berguna dalam pemrograman dunia nyata?
  • Bisakah Anda memprediksi apa yang terjadi jika Anda memberikan lebih banyak argumen daripada parameter?
stateDiagram-v2
    [*] --> NoParams: function greet() {}
    [*] --> WithParams: function greet(name) {}
    [*] --> WithDefaults: function greet(name, greeting='Hi') {}
    
    NoParams --> Static: Same output always
    WithParams --> Dynamic: Changes with input
    WithDefaults --> Flexible: Optional customization
    
    Static --> [*]
    Dynamic --> [*]
    Flexible --> [*]
    
    note right of WithDefaults
        Most flexible approach
        Backwards compatible
    end note

Tip profesional: Parameter default membuat fungsi Anda lebih ramah pengguna. Pengguna dapat memulai dengan cepat menggunakan default yang masuk akal, tetapi tetap dapat menyesuaikan jika diperlukan!

Nilai kembali

Fungsi kita sejauh ini hanya mencetak pesan ke konsol, tetapi bagaimana jika Anda ingin fungsi menghitung sesuatu dan memberikan hasilnya kembali kepada Anda?

Di sinilah nilai kembali berperan. Alih-alih hanya menampilkan sesuatu, fungsi dapat memberikan nilai yang dapat Anda simpan dalam variabel atau gunakan di bagian lain kode Anda.

Untuk mengirimkan nilai kembali, Anda menggunakan kata kunci return diikuti oleh apa pun yang ingin Anda kembalikan:

return myVariable;

Berikut sesuatu yang penting: saat fungsi mencapai pernyataan return, ia langsung berhenti berjalan dan mengirimkan nilai itu kembali kepada siapa pun yang memanggilnya.

Mari kita modifikasi fungsi salam kita untuk mengembalikan pesan alih-alih mencetaknya:

function createGreetingMessage(name) {
  const message = `Hello, ${name}`;
  return message;
}

Sekarang alih-alih mencetak salam, fungsi ini membuat pesan dan memberikannya kembali kepada kita.

Untuk menggunakan nilai yang dikembalikan, kita dapat menyimpannya dalam variabel seperti nilai lainnya:

const greetingMessage = createGreetingMessage('Christopher');

Sekarang greetingMessage berisi "Hello, Christopher" dan kita dapat menggunakannya di mana saja dalam kode kita untuk menampilkannya di halaman web, menyertakannya dalam email, atau mengirimkannya ke fungsi lain.

flowchart TD
    A["🔧 Function Processing"] --> B{"return statement?"}
    B -->|Yes| C["📤 Return Value"]
    B -->|No| D["📭 Return undefined"]
    
    C --> E["💾 Store in Variable"]
    C --> F["🔗 Use in Expression"]
    C --> G["📞 Pass to Function"]
    
    D --> H["⚠️ Usually not useful"]
    
    I["📋 Return Value Uses"] --> I1["Calculate results"]
    I --> I2["Validate input"]
    I --> I3["Transform data"]
    I --> I4["Create objects"]
    
    style C fill:#e8f5e8
    style D fill:#ffebee
    style I fill:#e3f2fd

🔄 Pemeriksaan Nilai Kembali: Mendapatkan Hasil Kembali

Evaluasi pemahaman nilai kembali Anda:

  • Apa yang terjadi pada kode setelah pernyataan return dalam fungsi?
  • Mengapa mengembalikan nilai sering kali lebih baik daripada hanya mencetak ke konsol?
  • Bisakah fungsi mengembalikan berbagai jenis nilai (string, angka, boolean)?
pie title "Common Return Value Types"
    "Strings" : 30
    "Numbers" : 25
    "Objects" : 20
    "Booleans" : 15
    "Arrays" : 10

Wawasan utama: Fungsi yang mengembalikan nilai lebih serbaguna karena pemanggil memutuskan apa yang harus dilakukan dengan hasilnya. Ini membuat kode Anda lebih modular dan dapat digunakan kembali!

Fungsi sebagai parameter untuk fungsi

Fungsi dapat diteruskan sebagai parameter ke fungsi lain. Meskipun konsep ini mungkin tampak rumit pada awalnya, ini adalah fitur yang kuat yang memungkinkan pola pemrograman yang fleksibel.

Pola ini sangat umum ketika Anda ingin mengatakan "ketika sesuatu terjadi, lakukan hal lain ini." Misalnya, "ketika timer selesai, jalankan kode ini" atau "ketika pengguna mengklik tombol, panggil fungsi ini."

Mari kita lihat setTimeout, yang merupakan fungsi bawaan yang menunggu waktu tertentu dan kemudian menjalankan beberapa kode. Kita perlu memberi tahu apa kode yang akan dijalankan kasus penggunaan yang sempurna untuk meneruskan fungsi!

Coba kode ini setelah 3 detik, Anda akan melihat pesan:

function displayDone() {
  console.log('3 seconds has elapsed');
}
// timer value is in milliseconds
setTimeout(displayDone, 3000);

Perhatikan bagaimana kita meneruskan displayDone (tanpa tanda kurung) ke setTimeout. Kita tidak memanggil fungsi itu sendiri kita menyerahkannya ke setTimeout dan mengatakan "panggil ini dalam 3 detik."

Fungsi anonim

Kadang-kadang Anda membutuhkan fungsi hanya untuk satu hal dan tidak ingin memberinya nama. Pikirkan jika Anda hanya menggunakan fungsi sekali, mengapa memperumit kode Anda dengan nama tambahan?

JavaScript memungkinkan Anda membuat fungsi anonim fungsi tanpa nama yang dapat Anda definisikan langsung di tempat Anda membutuhkannya.

Berikut cara kita dapat menulis ulang contoh timer kita menggunakan fungsi anonim:

setTimeout(function() {
  console.log('3 seconds has elapsed');
}, 3000);

Ini mencapai hasil yang sama, tetapi fungsi didefinisikan langsung dalam pemanggilan setTimeout, menghilangkan kebutuhan untuk deklarasi fungsi terpisah.

Fungsi panah

JavaScript modern memiliki cara yang lebih singkat untuk menulis fungsi yang disebut fungsi panah. Mereka menggunakan => (yang terlihat seperti panah mengerti?) dan sangat populer di kalangan pengembang.

Fungsi panah memungkinkan Anda melewati kata kunci function dan menulis kode yang lebih ringkas.

Berikut contoh timer kita menggunakan fungsi panah:

setTimeout(() => {
  console.log('3 seconds has elapsed');
}, 3000);

Tanda () adalah tempat parameter akan masuk (kosong dalam kasus ini), kemudian datang panah =>, dan akhirnya tubuh fungsi dalam kurung kurawal. Ini memberikan fungsi yang sama dengan sintaks yang lebih ringkas.

flowchart LR
    A["📝 Function Styles"] --> B["Traditional"]
    A --> C["Arrow"]
    A --> D["Anonymous"]
    
    B --> B1["function name() {}"]
    B --> B2["Hoisted"]
    B --> B3["Named"]
    
    C --> C1["const name = () => {}"]
    C --> C2["Concise syntax"]
    C --> C3["Modern style"]
    
    D --> D1["function() {}"]
    D --> D2["No name"]
    D --> D3["One-time use"]
    
    E["⏰ When to Use"] --> E1["Traditional: Reusable functions"]
    E --> E2["Arrow: Short callbacks"]
    E --> E3["Anonymous: Event handlers"]
    
    style A fill:#e3f2fd
    style B fill:#e8f5e8
    style C fill:#fff3e0
    style D fill:#f3e5f5
    style E fill:#e0f2f1

Kapan menggunakan setiap strategi

Kapan Anda harus menggunakan setiap pendekatan? Panduan praktis: jika Anda akan menggunakan fungsi beberapa kali, beri nama dan definisikan secara terpisah. Jika itu untuk satu penggunaan spesifik, pertimbangkan fungsi anonim. Baik fungsi panah maupun sintaks tradisional adalah pilihan yang valid, meskipun fungsi panah lebih umum dalam basis kode JavaScript modern.

🎨 Pemeriksaan Penguasaan Gaya Fungsi: Memilih Sintaks yang Tepat

Uji pemahaman sintaks Anda:

  • Kapan Anda mungkin lebih memilih fungsi panah daripada sintaks fungsi tradisional?
  • Apa keuntungan utama dari fungsi anonim?
  • Bisakah Anda memikirkan situasi di mana fungsi bernama lebih baik daripada fungsi anonim?
quadrantChart
    title Function Choice Decision Matrix
    x-axis Simple --> Complex
    y-axis One-time use --> Reusable
    quadrant-1 Arrow Functions
    quadrant-2 Named Functions
    quadrant-3 Anonymous Functions
    quadrant-4 Traditional Functions
    
    Event Handlers: [0.3, 0.2]
    Utility Functions: [0.7, 0.8]
    Callbacks: [0.2, 0.3]
    Class Methods: [0.8, 0.7]
    Mathematical Operations: [0.4, 0.6]

Tren modern: Fungsi panah menjadi pilihan default bagi banyak pengembang karena sintaksnya yang ringkas, tetapi fungsi tradisional masih memiliki tempatnya!


🚀 Tantangan

Bisakah Anda menjelaskan dalam satu kalimat perbedaan antara fungsi dan metode? Coba!

Tantangan Agen GitHub Copilot 🚀

Gunakan mode Agen untuk menyelesaikan tantangan berikut:

Deskripsi: Buat pustaka utilitas fungsi matematika yang menunjukkan berbagai konsep fungsi yang dibahas dalam pelajaran ini, termasuk parameter, nilai default, nilai kembali, dan fungsi panah.

Prompt: Buat file JavaScript bernama mathUtils.js yang berisi fungsi-fungsi berikut:

  1. Fungsi add yang menerima dua parameter dan mengembalikan jumlahnya
  2. Fungsi multiply dengan nilai parameter default (parameter kedua default ke 1)
  3. Fungsi panah square yang menerima angka dan mengembalikan kuadratnya
  4. Fungsi calculate yang menerima fungsi lain sebagai parameter dan dua angka, lalu menerapkan fungsi tersebut pada angka-angka tersebut
  5. Demonstrasikan pemanggilan setiap fungsi dengan kasus uji yang sesuai

Pelajari lebih lanjut tentang mode agen di sini.

Kuis Pasca-Pelajaran

Kuis pasca-pelajaran

Tinjauan & Studi Mandiri

Ada baiknya membaca lebih lanjut tentang fungsi panah, karena mereka semakin banyak digunakan dalam basis kode. Latih menulis fungsi, lalu tulis ulang dengan sintaks ini.

Tugas

Seru dengan Fungsi


🧰 Ringkasan Toolkit Fungsi JavaScript Anda

graph TD
    A["🎯 JavaScript Functions"] --> B["📋 Function Declaration"]
    A --> C["📥 Parameters"]
    A --> D["📤 Return Values"]
    A --> E["🎨 Modern Syntax"]
    
    B --> B1["function name() {}"]
    B --> B2["Descriptive naming"]
    B --> B3["Reusable code blocks"]
    
    C --> C1["Input data"]
    C --> C2["Default values"]
    C --> C3["Multiple parameters"]
    
    D --> D1["return statement"]
    D --> D2["Exit function"]
    D --> D3["Pass data back"]
    
    E --> E1["Arrow functions: () =>"]
    E --> E2["Anonymous functions"]
    E --> E3["Higher-order functions"]
    
    F["⚡ Key Benefits"] --> F1["Code reusability"]
    F --> F2["Better organization"]
    F --> F3["Easier testing"]
    F --> F4["Modular design"]
    
    style A fill:#e3f2fd
    style B fill:#e8f5e8
    style C fill:#fff3e0
    style D fill:#f3e5f5
    style E fill:#e0f2f1
    style F fill:#fce4ec

🚀 Garis Waktu Penguasaan Fungsi JavaScript Anda

Apa yang Dapat Anda Lakukan dalam 5 Menit Berikutnya

  • Tulis fungsi sederhana yang mengembalikan angka favorit Anda
  • Buat fungsi dengan dua parameter yang menambahkan keduanya
  • Cobalah mengubah fungsi tradisional menjadi sintaks fungsi panah
  • Latihan tantangan: jelaskan perbedaan antara fungsi dan metode

🎯 Apa yang Bisa Kamu Capai Dalam Satu Jam

  • Selesaikan kuis setelah pelajaran dan tinjau konsep yang membingungkan
  • Bangun pustaka utilitas matematika dari tantangan GitHub Copilot
  • Buat fungsi yang menggunakan fungsi lain sebagai parameter
  • Latihan menulis fungsi dengan parameter default
  • Bereksperimen dengan template literal dalam nilai pengembalian fungsi

📅 Penguasaan Fungsi Selama Seminggu

  • Selesaikan tugas "Fun with Functions" dengan kreativitas
  • Refaktor beberapa kode berulang yang telah kamu tulis menjadi fungsi yang dapat digunakan kembali
  • Bangun kalkulator kecil hanya menggunakan fungsi (tanpa variabel global)
  • Latihan fungsi panah dengan metode array seperti map() dan filter()
  • Buat koleksi fungsi utilitas untuk tugas-tugas umum
  • Pelajari fungsi tingkat tinggi dan konsep pemrograman fungsional

🌟 Transformasi Selama Sebulan

  • Kuasai konsep fungsi tingkat lanjut seperti closures dan scope
  • Bangun proyek yang banyak menggunakan komposisi fungsi
  • Berkontribusi pada open source dengan meningkatkan dokumentasi fungsi
  • Ajarkan orang lain tentang fungsi dan berbagai gaya sintaks
  • Jelajahi paradigma pemrograman fungsional dalam JavaScript
  • Buat pustaka pribadi berisi fungsi yang dapat digunakan kembali untuk proyek di masa depan

🏆 Check-in Akhir Juara Fungsi

Rayakan penguasaan fungsi kamu:

  • Apa fungsi paling berguna yang telah kamu buat sejauh ini?
  • Bagaimana belajar tentang fungsi mengubah cara kamu berpikir tentang pengorganisasian kode?
  • Sintaks fungsi mana yang kamu sukai dan mengapa?
  • Masalah dunia nyata apa yang akan kamu selesaikan dengan menulis fungsi?
journey
    title Your Function Confidence Evolution
    section Today
      Confused by Syntax: 3: You
      Understanding Basics: 4: You
      Writing Simple Functions: 5: You
    section This Week
      Using Parameters: 4: You
      Returning Values: 5: You
      Modern Syntax: 5: You
    section Next Month
      Function Composition: 5: You
      Advanced Patterns: 5: You
      Teaching Others: 5: You

🎉 Kamu telah menguasai salah satu konsep paling kuat dalam pemrograman! Fungsi adalah blok bangunan dari program yang lebih besar. Setiap aplikasi yang akan kamu bangun akan menggunakan fungsi untuk mengorganisasi, menggunakan kembali, dan menyusun kode. Kamu sekarang memahami cara mengemas logika ke dalam komponen yang dapat digunakan kembali, membuatmu menjadi programmer yang lebih efisien dan efektif. Selamat datang di dunia pemrograman modular! 🚀


Penafian:
Dokumen ini telah diterjemahkan menggunakan layanan penerjemahan AI Co-op Translator. Meskipun kami berupaya untuk memberikan hasil yang akurat, harap diketahui bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi yang penting, disarankan menggunakan jasa penerjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau interpretasi yang salah yang timbul dari penggunaan terjemahan ini.