Aplikasi web dinamis muncul setelah kelahiran . Dengan meningkatnya popularitas aplikasi web, JavaScript telah menjadi salah satu bahasa terpenting di dunia saat ini. Artikel Fungsi JavaScript ini akan menjelaskan berbagai cara untuk mendefinisikan fungsi dalam JavaScript dalam urutan berikut:
- Pengantar JavaScript
- Dasar-dasar JavaScript
- Fungsi JavaScript
- Fungsi Standar
- Berbagai cara untuk mendefinisikan Fungsi JavaScript
Pengantar JavaScript
JavaScript adalah level tinggi , ditafsirkan, bahasa pemrograman digunakan untuk membuat halaman web lebih interaktif. Ini adalah bahasa skrip sisi klien yang sangat kuat yang membuat laman web Anda lebih hidup dan interaktif.
Ini adalah bahasa pemrograman yang membantu Anda menerapkan desain yang kompleks dan indah di halaman web. Jika Anda ingin halaman web Anda terlihat hidup dan melakukan lebih dari sekadar menatap Anda, JavaScript adalah suatu keharusan.
Dasar-dasar JavaScript
Jika Anda baru mengenal bahasa tersebut, Anda perlu mengetahui beberapa dasar-dasar JavaScript yang akan membantu Anda mulai menulis kode Anda. Dasar-dasarnya meliputi:
- Array
- Fungsi
Anda dapat melihat untuk mendalami konsep dasar dan dasar-dasar JavaScript ini. Dalam artikel Fungsi JavaScript ini, kami akan fokus pada berbagai cara untuk mendefinisikan fungsi.
Fungsi JavaScript
Fungsi JavaScript adalah a blok kode yang dirancang untuk melakukan tugas tertentu. Anda dapat menjalankan fungsi dengan memanggilnya. Ini dikenal sebagai memohon atau panggilan sebuah fungsi.
Untuk menggunakan suatu fungsi, Anda harus mendefinisikannya di suatu tempat dalam cakupan tempat Anda ingin memanggilnya. Idenya adalah untuk menempatkan beberapa tugas yang biasa dilakukan bersama-sama dan membuat fungsi sehingga alih-alih menulis kode yang sama berulang kali untuk input yang berbeda, kita dapat memanggil fungsi tersebut.
Dasar sintaksis untuk membuat fungsi dalam JavaScript adalah sebagai berikut:
function functionName (Parameter1, Parameter2, ..) {// Function body}
JavaScript terdiri dari berbagai bawaan atau fungsi yang telah ditentukan sebelumnya . Tapi, ini juga memungkinkan kita membuat fungsi yang ditentukan pengguna. Jadi mari kita lanjutkan dan lihat beberapa fungsi standar yang umum digunakan.
Fungsi Standar
JavaScript memiliki beberapa fungsi bawaan tingkat atas. Mari kita lihat beberapa fungsi yang disertakan dalam bahasa tersebut.
Fungsi | Deskripsi |
Evaluasi | Mengevaluasi ekspresi string / aritmatika dan mengembalikan nilai. |
ParseInt | Mengurai argumen string dan mengembalikan integer dari basis yang ditentukan. |
ParseFloat | Mengurai argumen string dan mengembalikan angka floating-point. |
Melarikan diri | Mengembalikan pengkodean heksadesimal dari sebuah argumen. |
Unescape | Mengembalikan string ASCII untuk nilai yang ditentukan. |
Mari kita ambil contoh dan lihat bagaimana fungsi yang telah ditetapkan ini bekerja di JavaScript:
var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Welcome to Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape
Berbagai cara untuk mendefinisikan Fungsi JavaScript
Suatu fungsi dapat didefinisikan dengan berbagai cara. Penting untuk memeriksa bagaimana fungsi berinteraksi dengan komponen eksternal dan jenis pemanggilan. Berbagai cara meliputi:
Deklarasi Fungsi
Deklarasi fungsi terdiri dari a fungsi kata kunci , nama fungsi wajib, daftar parameter dalam sepasang tanda kurung dan sepasang kurung kurawal yang membatasi kode badan.
Ini didefinisikan sebagai:
// deklarasi fungsi fungsi isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false
Fungsi isEven (num) adalah deklarasi fungsi yang digunakan untuk menentukan apakah suatu bilangan genap.
Ekspresi Fungsi
Ekspresi fungsi ditentukan oleh a fungsi kata kunci , diikuti dengan nama fungsi opsional, daftar parameter dalam sepasang tanda kurung dan sepasang kurung kurawal yang membatasi kode isi.
Ini didefinisikan sebagai:
const count = function (array) {// Ekspresi fungsi mengembalikan array.length} metode const = {angka: [2, 5, 8], jumlah: function () {// Ekspresi fungsi mengembalikan this.numbers.reduce (function ( acc, num) {// func. ekspresi kembali acc + num})}} hitung ([1, 7, 2]) // => 3 metode.sum () // => 15
Ekspresi fungsi membuat objek fungsi yang dapat digunakan dalam berbagai situasi seperti:
- Ini dapat ditugaskan ke variabel sebagai sebuah obyek: hitungan = fungsi (…) {…}
- Membuat metode pada objek jumlah: function () {…}
- Menggunakan fungsi punya panggilan balik: .reduce (function (…) {…})
Definisi Metode Singkatan
Definisi metode singkatan digunakan dalam deklarasi metode pada literal objek dan kelas ES6. Anda dapat menentukannya menggunakan file nama fungsi , diikuti dengan daftar parameter dalam sepasang tanda kurung dan sepasang kurung kurawal yang membatasi pernyataan badan.
Contoh berikut menggunakan definisi metode singkatan dalam literal objek:
const collection = {item: [], add (... items) {this.items.push (... items)}, dapatkan (indeks) {kembalikan this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '
Pendekatan steno memiliki beberapa manfaat atas definisi properti tradisional seperti:
- Ini memiliki sintaks yang lebih pendek yang membuatnya lebih mudah untuk membaca dan menulis.
- Ini menciptakan fungsi bernama, bertentangan dengan ekspresi fungsi. Ini berguna untuk debugging.
Fungsi Panah
Fungsi panah ditentukan menggunakan sepasang tanda kurung yang berisi daftar parameter, diikuti dengan a panah gemuk (=>) dan sepasang tanda kurung kurawal yang membatasi pernyataan tubuh.
apa itu semaphore di java
Contoh berikut menunjukkan penggunaan dasar fungsi panah:
const absValue = (angka) => {if (number 21 absValue (7) // => 7
Sini, absValue adalah fungsi panah yang menghitung nilai absolut sebuah angka.
Fungsi Generator
Fungsi generator dalam JavaScript mengembalikan a Generator obyek. Sintaksnya mirip dengan ekspresi fungsi, deklarasi fungsi, atau deklarasi metode. Tapi itu membutuhkan karakter bintang (*) .
Fungsi generator dapat dideklarasikan dalam bentuk berikut:
- Bentuk deklarasi fungsi fungsi * ():
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1
- Fungsi bentuk ekspresi fungsi * ():
const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konsol. log (g.next (). value) // => 1
Fungsi generator mengembalikan objek g dalam ketiga kasus tersebut. Kemudian digunakan untuk menghasilkan serangkaian angka yang bertambah.
Pembuat Fungsi
Ketika Fungsi dipanggil sebagai konstruktor, a fungsi baru dibuat. Argumen yang diteruskan ke konstruktor menjadi nama parameter untuk fungsi baru. Di sini, argumen terakhir digunakan sebagai fungsi tubuh kode.
Sebagai contoh:
function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true
Ini adalah beberapa metode berbeda untuk mendefinisikan fungsi dalam JavaScript. Dengan ini, kita sampai pada akhir artikel kita. Saya harap Anda memahami apa itu fungsi JavaScript dan metode berbeda untuk mendefinisikannya.
Sekarang setelah Anda mengetahui tentang Fungsi JavaScript, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda Mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Fungsi JavaScript' dan kami akan menghubungi Anda kembali.