Fungsi JavaScript Penting yang Perlu Anda Ketahui

Aplikasi web dinamik wujud setelah kelahiran . Dengan populariti aplikasi web yang semakin meningkat, JavaScript telah menjadi salah satu bahasa terpenting di dunia hari ini. Artikel Fungsi JavaScript ini akan menerangkan berbagai cara untuk menentukan fungsi dalam JavaScript dalam urutan berikut:

• Pengenalan kepada JavaScript
• Asas JavaScript
• Fungsi JavaScript
• Fungsi yang telah ditentukan
• Kaedah yang berbeza untuk menentukan Fungsi JavaScript

Pengenalan kepada JavaScript

JavaScript adalah a tahap tinggi , ditafsirkan, bahasa pengaturcaraan digunakan untuk menjadikan laman web lebih interaktif. Ini adalah bahasa skrip sisi pelanggan yang sangat kuat yang menjadikan laman web anda lebih meriah dan interaktif.

Ini adalah bahasa pengaturcaraan yang membantu anda melaksanakan reka bentuk yang kompleks dan cantik di laman web. Sekiranya anda mahu laman web anda kelihatan hidup dan melakukan lebih banyak daripada sekadar melihat anda, JavaScript adalah suatu keharusan.

Asas JavaScript

Sekiranya anda baru menggunakan bahasa, anda perlu mengetahui beberapa bahasa asas JavaScript yang akan membantu anda mula menulis kod anda. Asasnya merangkumi:

• Susunan
• Fungsi

Anda boleh menyemak untuk mengetahui kedalaman konsep asas dan asas JavaScript ini. Dalam artikel Fungsi JavaScript ini, kita akan memfokuskan pada cara yang berbeza untuk menentukan fungsi.

Fungsi JavaScript

Fungsi JavaScript adalah sekatan kod yang dirancang untuk melaksanakan tugas tertentu. Anda boleh menjalankan fungsi dengan memanggilnya. Ini dikenali sebagai memohon atau memanggil satu fungsi.

Untuk menggunakan fungsi, anda harus menentukannya di suatu tempat dalam skop dari mana anda ingin memanggilnya. Ideanya adalah untuk mengumpulkan beberapa tugas yang biasa dilakukan bersama-sama dan membuat fungsi sehingga daripada menulis kod yang sama berulang kali untuk input yang berbeza, kita dapat memanggil fungsi tertentu itu.

Asas sintaksis untuk membuat fungsi dalam JavaScript adalah seperti berikut:

function functionName (Parameter1, Parameter2, ..) {// Fungsi badan}

JavaScript terdiri daripada pelbagai bawaan atau fungsi yang telah ditentukan . Tetapi, ia juga membolehkan kita membuat fungsi yang ditentukan pengguna. Oleh itu, mari maju dan lihat beberapa fungsi yang telah biasa digunakan.

Fungsi yang telah ditentukan

JavaScript mempunyai beberapa fungsi bawaan tingkat atas. Mari kita lihat beberapa fungsi yang terdapat dalam bahasa.

Mari kita ambil contoh dan lihat bagaimana fungsi yang ditentukan ini berfungsi dalam 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 ('Selamat Datang ke Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape

Kaedah yang berbeza untuk menentukan Fungsi JavaScript

Fungsi dapat ditentukan dengan menggunakan pelbagai cara. Penting untuk memeriksa bagaimana fungsi itu berinteraksi dengan komponen luaran dan jenis permintaan. Kaedah yang berbeza merangkumi:

• • Pengisytiharan fungsi
  • Ekspresi fungsi
  • Definisi kaedah Shorthand
  • Fungsi anak panah
  • Fungsi penjana
  • Pembina fungsi

Deklarasi Fungsi

Perisytiharan fungsi terdiri daripada a kata kunci fungsi , nama fungsi wajib, senarai parameter dalam sepasang kurungan dan sepasang pendakap kerinting yang membatasi kod badan.

Ia ditakrifkan sebagai:

// fungsi pengisytiharan fungsi adalahEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => salah

Fungsi isEven (bilangan) adalah pernyataan fungsi yang digunakan untuk menentukan sama ada nombor genap.

Ekspresi Fungsi

Ekspresi fungsi ditentukan oleh a kata kunci fungsi , diikuti dengan nama fungsi opsional, daftar parameter dalam sepasang kurungan dan sepasang pendakap keriting yang membatasi kod badan.

Ia ditakrifkan sebagai:

const count = function (array) {// Fungsi ungkapan pengembalian array.length} const const = {number: [2, 5, 8], sum: function () {// Fungsi ekspresi mengembalikan ini.numbers.reduce (fungsi ( acc, num) {// func. expression return acc + num})}} kiraan ([1, 7, 2]) // => 3 kaedah.sum () // => 15

Ekspresi fungsi menghasilkan objek fungsi yang dapat digunakan dalam pelbagai situasi seperti:

• Ia boleh diberikan kepada a pemboleh ubah sebagai objek: hitung = fungsi (…) {…}
• Buat a kaedah pada jumlah objek: fungsi () {…}
• Menggunakan fungsi mempunyai panggilan balik: .kurangkan (fungsi (…) {…})

Definisi Kaedah Shorthand

Definisi kaedah Shorthand digunakan dalam deklarasi kaedah pada literal objek dan kelas ES6. Anda boleh menentukannya menggunakan a nama fungsi , diikuti dengan senarai parameter dalam sepasang kurungan dan sepasang pendakap kerinting yang membatasi pernyataan badan.

Contoh berikut menggunakan definisi kaedah singkatan dalam literal objek:

const collection = {item: [], tambahkan (... item) {this.items.push (... item)}, dapatkan (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '

Pendekatan singkatan mempunyai beberapa faedah melebihi definisi harta tanah tradisional seperti:

• Ia mempunyai sintaksis yang lebih pendek yang memudahkan membaca dan menulis.
• Ini mewujudkan fungsi bernama, bertentangan dengan ekspresi fungsi. Ia berguna untuk penyahpepijatan.

Fungsi Anak Panah

Fungsi anak panah ditentukan menggunakan sepasang tanda kurung yang mengandungi senarai parameter, diikuti oleh a anak panah lemak (=>) dan sepasang pendakap kerinting yang membatasi pernyataan badan.

Contoh berikut menunjukkan penggunaan asas fungsi anak panah:

const absValue = (nombor) => {if (nombor 21 absValue (7) // => 7

Di sini, nilai tidak adalah fungsi anak panah yang mengira nilai mutlak suatu nombor.

Fungsi Penjana

Fungsi penjana dalam JavaScript mengembalikan a Penjana objek. Sintaksnya serupa dengan ekspresi fungsi, deklarasi fungsi atau deklarasi kaedah. Tetapi ia memerlukan watak bintang (*) .

cara menggunakan pengimbas di java

Fungsi penjana boleh dinyatakan dalam bentuk berikut:

• Fungsi borang pengisytiharan fungsi * ():

fungsi * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ). nilai) // => 1

• Fungsi bentuk ungkapan fungsi * ():

const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 konsol.log (g. seterusnya (). nilai) // => 1

• Borang definisi kaedah pendek * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konsol. log (g.next (). nilai) // => 1

Fungsi penjana mengembalikan objek g dalam ketiga-tiga kes tersebut. Kemudian digunakan untuk menghasilkan rangkaian nombor yang bertambah.

Pembina Fungsi

Apabila Fungsi dipanggil sebagai pembina, a fungsi baru diciptakan. Argumen yang disampaikan kepada konstruktor menjadi nama parameter untuk fungsi baru. Di sini, hujah terakhir digunakan sebagai badan berfungsi kod.

Sebagai contoh:

fungsi 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') // => benar

Ini adalah beberapa kaedah yang berbeza untuk menentukan fungsi dalam JavaScript. Dengan ini, kami telah sampai ke akhir artikel kami. Saya harap anda memahami apa itu fungsi JavaScript dan kaedah yang berbeza untuk menentukannya.

Sekarang setelah anda mengetahui tentang Fungsi JavaScript, lihat oleh Edureka. Latihan Pensijilan Pembangunan Web akan membantu anda Mempelajari cara membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).

Ada soalan untuk kami? Sila sebutkan di bahagian komen 'Fungsi JavaScript' dan kami akan menghubungi anda.