Techstart news

Berita Informasi Teknologi Mancanegara Terbaru dan Terupdate

Javascript tutorial

Contoh Penggunaan Default Parameters Di Javascript

ByTechStartNews

Apr 27, 2022 #ai, #anda, #dan, #ini, #JavaScript best practices, #JavaScript default arguments, #JavaScript ES6 tutorial, #JavaScript function examples, #JavaScript function tutorial, #Using default parameters in JS, #yang

Introduction

Di JavaScript, kita sering kali mendefinisikan fungsi dengan parameter yang wajib diisi. Namun, dalam beberapa kasus, kita ingin memberikan nilai default untuk parameter-parameter tertentu yang tidak diterima atau tidak didefinisikan oleh pemanggil fungsi. Fitur ini dapat diimplementasikan dengan menggunakan default parameters. Default parameters memungkinkan kita untuk menetapkan nilai yang akan digunakan jika argumen yang bersangkutan tidak diberikan. Dalam artikel ini, kita akan melihat contoh-contoh penggunaan default parameters dalam JavaScript.

1. Pengertian Default Parameters

Default parameters adalah nilai yang diberikan kepada parameter fungsi jika argumen yang sesuai tidak diteruskan saat pemanggilan fungsi. Fitur ini diperkenalkan di ECMAScript 6 (ES6) dan memudahkan kita dalam menangani kasus di mana nilai default lebih masuk akal, tanpa memerlukan logika tambahan.

Sintaks Default Parameters:

javascript
function myFunction(parameter = defaultValue) {
// kode fungsi
}

Jika parameter tidak diberikan saat fungsi dipanggil, maka defaultValue akan digunakan.

2. Contoh Dasar Penggunaan Default Parameters

Mari kita lihat contoh dasar penggunaan default parameters.

javascript
function greet(name = "Guest") {
console.log(`Hello, ${name}!`);
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Guest!

Pada contoh di atas:

  • Ketika kita memanggil fungsi greet("Alice"), parameter name diberi nilai “Alice”.
  • Namun, saat kita memanggil greet() tanpa argumen, parameter name akan otomatis diberi nilai default yaitu "Guest".

3. Default Parameters dengan Ekspresi atau Perhitungan

Default parameters juga dapat berisi ekspresi atau perhitungan. Artinya, Anda dapat menetapkan nilai default yang bersifat dinamis, tergantung pada perhitungan atau nilai lain.

Contoh:

javascript
function multiply(a, b = a) {
return a * b;
}

console.log(multiply(5, 3)); // Output: 15
console.log(multiply(5)); // Output: 25

Pada contoh ini, jika parameter b tidak diberikan, maka nilainya akan diambil dari nilai a. Jadi, jika hanya satu parameter yang diberikan (misalnya multiply(5)), maka b secara otomatis diberi nilai yang sama dengan a, yaitu 5, dan hasilnya adalah 25.

4. Menggunakan Default Parameters dengan Objek

Default parameters juga bisa digunakan dengan parameter objek, yang sangat berguna ketika bekerja dengan fungsi yang menerima objek sebagai argumen.

Contoh:

javascript
function createUser({ name = "Anonymous", age = 18 } = {}) {
console.log(`Name: ${name}, Age: ${age}`);
}

createUser({ name: "Alice", age: 25 }); // Output: Name: Alice, Age: 25
createUser({ name: "Bob" }); // Output: Name: Bob, Age: 18
createUser(); // Output: Name: Anonymous, Age: 18

Dalam contoh ini:

  • Ketika kita memanggil createUser({ name: "Alice", age: 25 }), objek yang lengkap diteruskan, dan fungsi akan menggunakan nilai yang diberikan.
  • Ketika kita hanya mengirimkan { name: "Bob" }, nilai default untuk age digunakan.
  • Ketika tidak ada argumen yang diberikan, objek kosong {} digunakan, dan nilai default untuk kedua parameter digunakan.

5. Menggunakan Default Parameters dengan Fungsi Rekursif

Default parameters juga dapat sangat berguna dalam fungsi rekursif, di mana parameter tambahan digunakan untuk menghitung nilai secara bertahap. Default parameters akan memastikan bahwa parameter yang tidak diisi pada pemanggilan pertama akan memiliki nilai yang valid.

Contoh:

javascript
function factorial(n, result = 1) {
if (n === 0) {
return result;
}
return factorial(n - 1, result * n);
}

console.log(factorial(5)); // Output: 120

Pada contoh di atas, parameter result memiliki nilai default 1 jika tidak diberikan. Fungsi factorial dipanggil secara rekursif, dan pada setiap pemanggilan, nilai result diperbarui.

6. Mengatasi Nilai undefined dengan Default Parameters

Kadang-kadang, kita ingin membedakan antara nilai yang tidak diberikan dan nilai yang benar-benar undefined. Default parameters membantu kita untuk menangani kasus di mana undefined diberikan sebagai argumen, tetapi kita tetap ingin menggunakan nilai default jika parameter tidak diberikan.

Contoh:

javascript
function greet(name = "Guest") {
if (name === undefined) {
console.log("No name provided");
} else {
console.log(`Hello, ${name}!`);
}
}

greet("Alice"); // Output: Hello, Alice!
greet(undefined); // Output: No name provided
greet(); // Output: Hello, Guest!

Pada contoh ini, meskipun undefined diberikan sebagai argumen, nilai default tetap diterapkan. Jika tidak ada argumen yang diberikan, nilai default juga digunakan.

Kesimpulan

Default parameters di JavaScript adalah fitur yang sangat berguna untuk menangani nilai yang tidak diberikan dalam suatu fungsi. Dengan menggunakan default parameters, Anda dapat membuat kode lebih bersih dan lebih efisien tanpa perlu menulis logika tambahan untuk memeriksa keberadaan argumen. Fitur ini juga memungkinkan kita untuk menetapkan nilai default yang lebih dinamis dengan ekspresi atau perhitungan, dan sangat bermanfaat saat bekerja dengan objek atau fungsi rekursif.

Dengan memahami dan memanfaatkan default parameters, Anda dapat menghindari penggunaan nilai undefined yang tidak diinginkan dan menulis kode yang lebih robust dan fleksibel.

By TechStartNews

Related Post

tutorial

Tips Mencari Tiket Pesawat Termurah Dengan Google Flights

Mar 23, 2023 TechStartNews
tutorial

Cara Menggunakan Google Duo di PC Desktop

Mar 16, 2023 TechStartNews
tutorial

Tips Mencari Gambar Wallpaper Keren Di Google

Feb 12, 2023 TechStartNews

Anda Ketinggalan

AI

Why Employees Secretly Bring AI into the Workplace

February 4, 2025 TechStartNews
teknologi

Di Bawah Trump, Pertahanan Siber AS Kehilangan Arah

February 3, 2025 TechStartNews
teknologi

Masa Depan Kendaraan Otonom: Membentuk Transportasi Modern

January 25, 2025 TechStartNews
teknologi

Bisakah Robot Menyaingi Keahlian Tangan Manusia?

January 25, 2025 TechStartNews
slot gacor hari inislot gacorslot demoscatter hitamslot zeusslot gacorscatter hitamgunung388gunung388gunung388scatter hitamslot viralidncash slot onlineidncashaktortogel slotidncash slot gacoridntogel slot maxwinslot gacorslot gacorotakudesuslot gacorscatter hitamaktortogel berikan 2000 beasiswa untuk mahasiswa bali untuk pembelajaran mahjong wins3aktortogel jamin persediaan scatter hitam di pasar jakarta mencukupi untuk pedagang menjelang imlekaktortogel pastikan stok scatter hitam mahjong wins 3 di banjarmasin berlimpah dan merataradar pendeteksi scatter hitam mahjong wins 3 di jakarta menemukan banyak scatter hitam di aktortogelseorang mahasiswa di jambi temukan alat pendeteksi scatter hitam mahjong wins3 di aktortogel