Cara menggunakan FUCNTION di JavaScript

Fungsi dalam JavaScript adalah salah satu alat yang paling kuat, paling mendasar, dan paling penting. Saya dapat mengatakan bahwa semua hal yang dapat dilakukan JavaScript harus didasarkan pada fungsi dan propertinya. Jika Anda membuka kode sumber React, Vue, Redux, dan pustaka JS lainnya, Anda dapat mengamati bahwa pustaka tersebut adalah grup fungsi 'hanya'

Mari kita mulai dengan deklarasi fungsi. Mendeklarasikan fungsi di JavaScript sangatlah mudah, terutama dengan menggunakan sintaks ES2015

// ES5
function() {} // fungsi kosongfunction add(a, b) {
  return a + b;
}var add = function(a, b) {
  return a + b;
}// ES2015
const add2 = (a, b) => {
  return a + b;
}const add2 = (a, b) => a + b; // sama saja dengan add2 sebelumnya

Sintaks fungsi ES5 masih dapat digunakan di ES2015

6 cara untuk mendeklarasikan fungsi JavaScript. Dmitry Pavlutin

Fungsi adalah blok kode parametrik yang didefinisikan satu kali dan dipanggil beberapa kali kemudian

dmitripavlutin. com

Fungsi digunakan untuk melakukan serangkaian komputasi/prosedur yang dapat digunakan berulang kali. Ambil fungsi tambah di atas. Anda dapat memanggil fungsi add beberapa kali dan mengharapkan hasil a + b dari parameter

add(9, 1) // 10
add(14, 12) // 26
add(2, 11) // 13

Jika Anda memerlukan serangkaian prosedur yang sama untuk dilakukan berulang kali dalam program Anda, maka mungkin Anda memerlukan suatu fungsi

Saat Anda mendeklarasikan suatu fungsi, cakupan baru akan dibuat, yang merupakan cakupan dalam fungsi Anda. Cakupan baru pada fungsi berarti bahwa apa pun yang terjadi di dalam fungsi Anda tidak dapat diketahui/diakses oleh ekspresi/pernyataan lain di luar fungsi. Jika Anda mendeklarasikan variabel atau bahkan fungsi, fungsi dalam, di dalam fungsi maka variabel atau fungsi tersebut tidak dapat diakses dari luar. Dapat dikatakan bahwa ketika suatu fungsi dibuat, JavaScript akan mengisolasi lingkungan di dalam fungsi tersebut. Ini adalah salah satu properti JavaScript, yaitu Penutupan

const a2plusb2 = (a, b) => {
  const secondPower = x => x * x;  return secondPower(a) + secondPower(b);
}a2plusb2(2, 3); // 4 + 9 = 13secondPower(3); // Anda tidak bisa melakukan ini!

Anda tidak dapat memanggil fungsi secondPower dari luar cakupan fungsi a2plusb2. Fungsi secondPower hanya dapat diakses di lingkup a2plusb2. Satu contoh lagi

const greeting = (name) => {
  const hello = () => `Hello ${name}!`; // ES2015 template literals  return hello();
}greeting('John') // 'Hello John!'

Perhatikan fungsi halo. Fungsi halo berada dalam lingkup fungsi sapaan. Oleh karena itu, fungsi halo memiliki akses ke parameter sapaan fungsi nama. Bagaimana dengan variabel?

let name = 'John';const greeting = () => {
  let name = 'Adam';
  return `Hello ${name}!`;
}greeting(); // 'Hello Adam!'console.log(name); // John

Pada contoh di atas, nama variabel dalam lingkup fungsi salam berbeda dengan nama variabel dalam lingkup global. Meskipun memiliki nama yang sama, kedua variabel tersebut dideklarasikan dalam lingkup yang berbeda sehingga tidak menjadi masalah meskipun memiliki nama yang sama.

Selain itu, Anda juga tidak dapat mengakses nama variabel yang memiliki nilai 'John' karena variabel tersebut dibayangi oleh nama variabel pada fungsi lingkup yang memiliki nilai 'Adam'. Jika Anda ingin mengakses keduanya, Anda perlu membedakan nama kedua variabel tersebut

let globalName = 'John';const greeting = () => {
  let name = 'Adam';
  return `Hello ${name} and ${globalName}!`;
}greeting(); // 'Hello Adam and John!'

Variabel dalam dan fungsi dalam memberikan keuntungan yaitu fungsi pribadi atau variabel pribadi. Dengan fungsi privat dan variabel privat di dalam fungsi, Anda dapat mengisolasi variabel yang hanya dapat direferensikan dari dalam fungsi tersebut. Ini juga mengurangi kemungkinan variabel Anda bertentangan dengan variabel global

Jika melihat pola di atas, sama halnya dengan pemrograman berorientasi objek di mana Anda memiliki kelas yang memiliki variabel atau fungsi privat. Dengan JavaScript Anda dapat merepresentasikan objek seperti kelas dalam bahasa OOP dengan fungsi

const Orang = (nama, gender, tanggalLahir) => {
  let namaSaya = nama,
      tanggalLahirSaya = new Date(tanggalLahir);  const genderSaya = gender;  return {
    setNama: (namaBaru) => namaSaya = namaBaru,
    nama: () => namaSaya,
    gender: (genderSaya) ? 'Laki-laki' : 'Perempuan',
    usia: () =>
      (new Date()).getFullYear() - tanggalLahirSaya.getFullYear()
  }
}const agus = Orang('Agus', 1, '1995-10-21');console.log(agus.nama()); // Agus
console.log(agus.gender); // Laki-laki
console.log(agus.usia()); // 21
console.log(agus.setNama('Agustinus')); 
console.log(agus.nama()); // Agustinus

Konsep Penutupan diimplementasikan dalam contoh fungsi di atas untuk 'membuat objek' Orang. Fungsi Orang memiliki variabel pribadi berupa nama saya, jenis kelamin saya, dan tanggal lahir saya. Tiga variabel privat tidak dapat diakses dari luar fungsi Person. Sementara itu, fungsi Orang mengembalikan objek literal yang berisi sekelompok pasangan nilai kunci

• Kunci nama memiliki fungsi anonim nilai yang mengembalikan variabel pribadi nama saya
• Key setNama memiliki fungsi anonim nilai yang menggantikan nilai variabel nama saya dari parameter yang diberikan
• Kunci gender mengembalikan string 'Pria' atau string 'Wanita' tergantung pada jenis kelamin Orang tersebut
• Kunci usia memiliki fungsi anonim nilai yang mengembalikan hasil perhitungan usia Orang tersebut

Saat dikembalikan ke variabel, Anda dapat memanggil fungsi yang dikembalikan seperti agus. nama() untuk mengembalikan nama. Jenis kelamin properti bukan fungsi sehingga tidak perlu () di bagian akhir untuk mengembalikan nilai

Implementasi konsep closure pada function sangat berguna untuk mengimplementasikan design pattern di JavaScript dan membentuk library JavaScript

Penutupan

Penutupan adalah kombinasi dari fungsi dan lingkungan leksikal di mana fungsi itu dideklarasikan

pengembang. mozilla. org

Semoga penjelasan singkat mengenai fungsi di atas bermanfaat untuk Anda. )

Mengenal JavaScript adalah salah satu seri tentang JavaScript. Seri ini memperkenalkan dasar-dasar JavaScript. Setiap minggu akan ada 1–2 artikel baru dalam seri ini

Bagaimana cara membuat fungsi dalam JavaScript?

untuk membuat suatu fungsi, penulisan harus menjadi didahului dengan sintaks "fungsi" lalu di dilanjutkan dengan nama fungsi yang diinginkan di buat. dan isi fungsi di tulis di di dalam kurung kurawal buka "{ ” dan kurung kurawal tutup “}”.

Apa yang dimaksud dengan fungsi dalam JavaScript?

Fungsi adalah sekelompok kode JavaScript yang jika dijalankan akan menghasilkan atau melakukan tugas tertentu .

Bagaimana cara memanggil fungsi dengan nama myFunction?

Fungsi dapat dipanggil dengan menyebutkan nama fungsi dan memberikan nilai parameter. .

function myFunction(a, b) { return a * b;

function myFunction(a, b) { return a * b; . .

var x = Fungsisaya();

Apa aturan dalam membuat fungsi?

Aturan - aturan dalam pembuatan fungsi adalah. 1. Aturan penamaan fungsi mirip dengan penamaan variabel. Terdiri dari huruf, angka dan garis bawah ( _ ). Nama fungsi hanya boleh dimulai dengan huruf atau garis bawah. 2. Parameter bersifat opsional.