Pengantar Praktis untuk Javascript Javascript adalah bahasa pemrograman yang kuat dan fleksibel yang mendasari pengembangan web modern. Salah satu blok bangunan yang paling dasar dan penting dari aplikasi apa pun adalah fungsi. Hal ini memungkinkan pengembang untuk menulis kode yang dapat digunakan kembali, terstruktur, dan efisien. Fungsi dalam JavaScript, jenis dan penggunaannya Artikel ini akan menjelaskan apa saja fungsi yang ada dalam JavaScript, apa saja jenisnya dan bagaimana cara menggunakannya secara praktis.
Apa yang dimaksud dengan fungsi?
Fungsi adalah bagian dari kode dalam JavaScript yang melakukan tugas tertentu. Di sinilah fungsi berperan, yang dapat merangkum logika untuk digunakan kembali di kemudian hari dan menghindari redundansi, sehingga meningkatkan pemeliharaan kode. Setelah fungsi didefinisikan, fungsi dapat dipanggil (atau dipanggil) satu kali atau lebih, dengan input yang mungkin berbeda.
Sumber: medium.com
Sintaks fungsi dasar dalam JavaScript terlihat seperti ini:
function functionName(parameters) {
// Code to be executed
return value; // Optional
}
Contoh:
Dalam contoh ini, fungsi add menerima dua parameter, a dan b, dan mengembalikan jumlahnya.
Jenis-jenis Fungsi
Ada beberapa cara untuk mendefinisikan fungsi, jadi pilihlah cara yang Anda sukai selama cara tersebut berfungsi.
1. Deklarasi Fungsi
Deklarasi fungsi mendefinisikan fungsi dengan kata kunci fungsi. Kata kunci tersebut di-“hoisted”, sehingga Anda dapat memanggilnya sebelum dideklarasikan dalam kode Anda.
sayHello();
function sayHello() {
console.log("Hello, World!");
}
2. Ekspresi Fungsi
Contoh ekspresi fungsi Fungsi ditugaskan ke sebuah variabel. Kita harus mencatat bahwa ekspresi fungsi tidak di-hook tidak seperti deklarasi fungsi.
const greet = function(name) {
return `Hello, ${name}`;
};
console.log(greet("Alice"));
3. Fungsi Panah
Fungsi panah, yang diperkenalkan di ES6, menawarkan sintaks singkat ... Fungsi ini sangat berguna ketika menulis fungsi pendek, dan mereka memiliki pengikatan leksikal.
const multiply = (x, y) => x * y;
console.log(multiply(4, 7)); // Output: 28
4. Fungsi Anonim
Fungsi literal: Ini adalah fungsi tanpa nama, sering digunakan ketika diteruskan sebagai argumen ke fungsi lain (atau ekspresi fungsi yang segera dipanggil IIFE).
setTimeout(function() {
console.log("This message is delayed.");
}, 1000);
5. IIFE: Ekspresi Fungsi yang Segera Dipanggil
IIFE adalah fungsi yang segera dipanggil. Digunakan untuk: mengisolasi kode, mencegah polusi lingkup global
(function() {
console.log("IIFE executed!");
})();
Parameter dan Argumen
Di dalam Javascript, fungsi dapat menerima argumen, yang merupakan nilai yang diteruskan ke fungsi yang berfungsi sebagai penampung. Argumen: Nilai yang diberikan saat fungsi dipanggil.
function greet(name, age) {
console.log(`Hello ${name}, you are ${age} years old.`);
}
greet("Bob", 25);
Parameter Default
ES6 juga menambahkan parameter default yang memungkinkan Anda menentukan nilai default untuk parameter fungsi.
function greet(name = "Guest") {
console.log(`Hello, ${name}!`);
}
greet(); // Output: Hello, Guest!
Nilai Pengembalian
Pernyataan return memungkinkan fungsi mengembalikan nilai. Secara default, jika tidak ada pernyataan return yang ditentukan, fungsi mengembalikan nilai yang tidak terdefinisi.
function square(num) {
return num * num;
}
console.log(square(5)); // Output: 25
Fungsi Tingkat Tinggi
Kontrak: Fungsi tingkat tinggi Seperti yang telah dijelaskan sebelumnya, fungsi tingkat tinggi adalah fungsi yang mengambil fungsi lain sebagai argumen atau nilai balik. Fungsi ini sering digunakan dalam JavaScript untuk hal-hal seperti pemfilteran, pemetaan, dan pengurangan larik.
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num * num);
console.log(squaredNumbers); // Output: [1, 4, 9, 16, 25]
Kesimpulan
Fungsi adalah salah satu elemen dasar pemrograman JavaScript. Yang merupakan kunci untuk menulis kode yang efisien dan mudah dipelihara. Dengan memanfaatkan deklarasi fungsi, ekspresi fungsi, dan ide-ide yang lebih canggih seperti menggunakan fungsi tingkat tinggi, seseorang dapat menyelesaikan tantangan yang sulit dengan cara yang lebih bersih dan rapi. Semakin sering Anda menggunakan JavaScript, semakin baik Anda dalam menggunakan fungsi, itulah sebabnya mengapa fungsi-fungsi ini sangat penting dalam menguasai bahasa dan beralih ke teknik-teknik yang lebih canggih.
Kembali ke>>> Memulai dengan JavaScript: Dasar-dasarnya