Bagaimana kita membuat fungsi dalam javascript?
Jika pada tutorial Javascript sebelumnya kita mempelajari tentang If Else Logical Structure, maka pada tutorial kali ini kita masuk ke pembahasan cara membuat function pada Javascript Show
Fungsi dalam javascript adalah sub-program yang dibuat sekali, dan kita dapat menggunakannya kembali dalam program itu sendiri, serta program orang lain, jadi kita tidak perlu membuat kode lagi, kita cukup memanggilnya kembali Pada Javascript, function adalah objek yang memiliki Properties dan Method, berikut cara membuat function pada Javascript Fungsionalitas dalam Javascript inilah yang membuat bahasa pemrograman Javascript kuat function namaFungsi() { console.log("Hello Ilmu Web"); } Struktur atau cara dalam membuat suatu fungsi dimulai dengan nama fungsi diikuti dengan nama fungsi, kemudian tanda kurung buka dan tutup dan bisa diisi dengan parameter atau bisa juga dikosongkan, bagian pertama diisi dengan fungsi yang akan kita jalankan, dan kemudian untuk memanggil fungsi tersebut adalah dengan menulis nama fungsinya. nama fungsi(); Sebagai latihan kita membuat file latihan. html _ Buat file javascript terpisah dengan nama file skrip. js namanya disesuaikan dengan yang kita inginkan, disini saya membuat file javascript dengan nama script tersebut. js kemudian di akhir sebelum badan penutup tag HTML saya memanggil file Javascript pada pelatihan kita kali ini akan mengembangkan fungsi perkalian dua bilangan, berikut kodingnya skrip. js // fungsi perkalian dua bilangan function kali (a,b){ return a * b; } console.log('Hasil Kali dari dua bilangan adalah : ' + kali(5, 5)); Dari script diatas kita dapat mempelajari bagaimana kita membuat fungsi dikalikan dua bilangan, dimana nama fungsi yang kita buat adalah kali, dengan parameter a dan b, pada badan fungsi kita mengembalikan hasil perkalian jumlah parameter a kali b Selanjutnya hasil perkalian kedua angka tersebut kita tampilkan menggunakan console log dan kita panggil fungsi perkaliannya ok sobat bisa coba dengan mengganti angka 5 x 5 diatas dengan angka lain untuk melihat apakah nilainya berubah, hasilnya dari fungsi yang kita buat adalah sebagai berikut Selanjutnya teman-teman bisa mencoba latihan dengan menggunakan operator matematika lain dengan penjumlahan dua bilangan, atau pengurangan Tidak mungkin menulis kode JavaScript tanpa menggunakan fungsi. Fungsi JavaScript dapat didefinisikan sebagai prosedur yang ditentukan untuk melakukan tugas tertentu Dalam pemrograman, fungsi dapat disamakan dengan mengemas program menjadi bagian-bagian yang lebih kecil. Logika program dalam fungsi dapat digunakan kembali dengan memanggilnya, jadi kita tidak perlu menulis ulang Sebagian besar fungsi ditulis sesuai dengan standar yang ditetapkan. Ini menyatakan bahwa nama fungsi harus diidentifikasi bersama dengan parameternya yang diapit tanda kurung. Jika sebuah pernyataan digunakan dalam fungsi, pernyataan tersebut harus diapit oleh kurung kurawal Pada artikel ini, Anda akan mempelajari javascript mulai dari bagaimana fungsi JavaScript dapat dibuat, cara memanggil fungsi javascript, deklarasi fungsi JavaScript dan ekspresi fungsi, yang juga mencakup hoisting Daftar isi Fungsi Dalam JavaScriptKata kunci fungsi digunakan untuk definisi fungsi. Anda dapat mendefinisikan fungsi melalui deklarasi atau ekspresi fungsi. Deklarasi fungsi bertambah, sedangkan ekspresi fungsi tidak. Fungsi juga dapat didefinisikan dengan function constructor Function() function testFunction() { } Artikel Terkait Tutorial JavaScript 34. Cookie Javascript, Cara Memperbarui dan Menghapus Cookie 1. Deklarasi Fungsi vs. EkspresiDalam mempelajari javascript sebelumnya, kami telah menjelaskan sintaks yang harus diikuti saat mendeklarasikan suatu fungsi. Saat Anda melakukannya, fungsi tidak langsung berjalan. Anda harus membuatnya terlebih dahulu, untuk menggunakannya nanti. Agar suatu fungsi dapat berjalan, dan itu harus dipanggil terlebih dahulu function testFunction(x, y) { return x + y; }_ Catatan. Titik koma digunakan untuk memisahkan pernyataan JavaScript yang dapat dieksekusi. Karena deklarasi fungsi JavaScript bukanlah pernyataan yang dapat dieksekusi, tidak umum untuk mengakhirinya dengan titik koma Ekspresi fungsi adalah singkatan dari fungsi yang disimpan dalam variabel var hasil = function (x, y) {return x + y} Kemudian, variabel yang sama digunakan sebagai fungsi. Contoh di bawah ini berisi fungsi anonim. Karena tidak memiliki nama, maka disebut variabel var hasil = function (x, y) {return x + y}; document.getElementById("nilai").innerHTML = hasil(5, 17);_ 2. MengangkatJavaScript memindahkan deklarasi ke atas kode di browser secara default. Ini disebut mengangkat. Artinya, jika Anda menggunakan deklarasi fungsi, Anda dapat memanggil fungsi javascript sebelum dan sesudah Anda mendeklarasikannya. Pada contoh di bawah ini, Anda dapat melihat bahwa fungsi berfungsi baik Anda memanggilnya sebelum atau setelah dideklarasikan. Itu karena deklarasi fungsi di hoisting // Fungsi dipanggil sebelum dideklarasikan: var hasil = testFunction(5, 17); document.getElementById("nilai").innerHTML = hasil; // ini bekerja function hitungFunction(x, y) { return x + y; } // Fungsi dipanggil setelah dideklarasikan var hasil2 = hitungFunction(5, 17); document.getElementById("nilai2").innerHTML = hasil2; // ini bekerja juga Ini tidak terjadi jika Anda menggunakan ekspresi fungsi. Anda harus mendefinisikan fungsi terlebih dahulu sebelum Anda memanggilnya Lihat contoh kami selanjutnya. Anda dapat melihat bahwa fungsi dijalankan dengan benar hanya jika dipanggil setelah disetel. Ini karena ekspresi fungsi tidak diangkat // Fungsi dipanggil setelah dideklarasikan: var hasil = function (x, y) {return x + y}; document.getElementById("nilai").innerHTML = hasil(5, 17); // ini bekerja // Fungsi dipanggil sebelum dideklarasikan: document.getElementById("test2").innerHTML = hasil2(5, 17); // Akan menghasilkan error. Console logs "Uncaught TypeError: hasil2 is not a function". var hasil2 = function (x, y) {return x + y};_ 3. Fungsi dapat memanggil dirinya sendiriFungsi juga dapat memanggil dirinya sendiri. Dengan menggunakan sintaks tertentu, yang menyertakan tanda kurung ekstra, Anda dapat membuat fungsi yang tidak perlu dipanggil di tempat lain selain memanggil dirinya sendiri (function () { document.getElementById("pesan").innerHTML = "Selamat Belajar Javascript!"; })();_ Pada contoh di atas, Anda dapat melihat fungsi panggilan otomatis anonim. Namun, fungsi panggilan itu sendiri tidak harus anonim. Anda juga bisa menamainya 4. Menggunakan KonstruktorSeperti yang sudah Anda ketahui, kami menggunakan kata kunci fungsi untuk mendefinisikan fungsi JavaScript. Namun, Anda juga dapat melakukannya dengan menggunakan konstruktor fungsi JavaScript bawaan, Function() var hitungFunction = new Function("x", "y", "return x + y"); document.getElementById("hasil").innerHTML = hitungFunction(9, 17); Namun, ini bukan praktik umum. Contoh di atas dapat dengan mudah ditulis ulang sebagai fungsi biasa tanpa konstruktor var hitungFunction = function (x, y) {return x + y} document.getElementById("hasil").innerHTML = sampleFunction(9, 17); 5. Objek, Nilai, EkspresiJika kita menggunakan typeofoperator pada suatu fungsi, itu akan mengembalikan bahwa itu adalah fungsi. Namun, dalam JavaScript, fungsi adalah objek fungsi, karena memiliki properti dan metode. Pada contoh di bawah ini, kami menggunakan argumen. lengthproperty untuk mengetahui berapa banyak argumen yang diterima fungsi ini function testFunction(num1, num2) { return arguments.length; } Dalam contoh kami berikutnya, kami menggunakan metode toString() sebagai fungsi pengembalian JavaScript untuk merender string, yang mewakili kode sumber fungsi function testFunction(x, y) { return x + y; }_0 Fungsi JavaScript juga dapat digunakan sebagai nilai function testFunction(x, y) { return x + y; }_1 Anda juga dapat menggunakan fungsi JavaScript dalam ekspresi function testFunction(x, y) { return x + y; }_2 PenutupanSelain tipe data, seperti materi yang sudah kami jelaskan sebelumnya, mempelajari fungsi javascript juga merupakan hal yang harus anda pahami, karena kedepannya anda akan banyak bekerja dengan fungsi baik dalam membuat objek, memanipulasi HTML, melakukan ajax dan lain-lain. Dalam fungsi Anda dapat mendefinisikan fungsi melalui deklarasi fungsi, mendefinisikan fungsi melalui ekspresi fungsi, mengidentifikasinya dengan konstruktor fungsi, memanggil fungsi javascript dan lainnya Bagaimana cara membuat fungsi dalam JavaScript?Ada 4 cara yang bisa kita lakukan untuk membuat sebuah fungsi di Javascript. . Menggunakan cara biasa; Menggunakan ekspresi; Menggunakan panah ( => ); dan menggunakan Konstruktor Apa fungsi JavaScript dan berikan contohnya?Javascript dapat digunakan untuk membuat berbagai fitur seperti drag, drop komponen yang semuanya dapat berguna untuk meningkatkan tampilan (antarmuka) dan pengalaman menggunakan web . Selain itu, pemrogram juga dapat memperluas fungsionalitas halaman web dengan menulis cuplikan Javascript untuk add-on pihak ketiga, misalnya.
Apa yang dimaksud dengan fungsi dalam JavaScript?Fungsi adalah sekelompok kode JavaScript yang jika dijalankan akan menghasilkan atau melakukan tugas tertentu .
Bagaimana cara kerja JavaScript?Cara Kerja JavaScript di Situs Web
. js terpisah JavaScript di-embed langsung ke halaman web atau direferensikan melalui file .js terpisah . Saat pengunjung membuka halaman web, browser akan menjalankan skrip bersama dengan kode HTML dan CSS untuk membuat halaman fungsional yang disajikan melalui tab browser. |