Pemrograman Javascript (Pertemuan 6)

Pemrograman Javascript Pengenalan Anonymous Function, Arrow Function dan Recursive Function
Rizki Mufrizal

Rizki Mufrizal Technical Solution Architect Software Engineer https://rizkimufrizal.github.io

Pengenalan Anonymous Function Sebelumnya kita selalu membuat function dengan nama
Kita juga bisa membuat function tanpa nama function, atau istilahnya adalah anonymous function Kita bisa buat anonymous function dalam sebuah variable atau bisa juga kita buat ketika mengisi parameter

Menggunakan Anonymous Function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
/> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> const sayHello = function(name) => { document.writeln(`<p>Hi ${name} <p>`); }; sayHello("rizki"); </script> </body> </html>

Pengenalan Arrow Function Arrow function adalah alternatif pembuatan function yang
lebih sederhana dari function biasanya Dinamakan arrow function karena menggunakan tanda => (seperti panah) Jika sebuah arrow function isinya sederhana, misal hanya satu baris. Kita bisa membuat arrow function tanpa harus menggunakan block

Menggunakan Arrow Function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
/> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> const sayHello = (name) => { document.writeln(`<p>Hi ${name} <p>`); }; const sayHelloOneLine = (name) => document.writeln(`<p>Hi ${name} <p>`); sayHello("rizki"); sayHelloOneLine("rizki"); </script> </body> </html>

Pengenalan Recursive Function Recursive function adalah kemampuan function memanggil function
dirinya sendiri Kadang memang ada banyak problem, yang lebih mudah diselesaikan menggunakan recursive function, seperti contohnya kasus factorial, perulangan

Menggunakan Recursive Function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
/> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> function loop(angka, batas) { if (angka < batas) { console.log(angka); angka++; loop(angka, batas); } } loop(1, 10); function factorial(num) { if (num === 1) { return num; } return num * factorial(num - 1); } console.log(factorial(5)); </script> </body> </html>

Terima Kasih

Pemrograman Javascript (Pertemuan 6)

Pemrograman Javascript (Pertemuan 6)

rizki mufrizal

More Decks by rizki mufrizal

Other Decks in Programming

Featured

Transcript

Pemrograman Javascript Pengenalan Anonymous Function, Arrow Function dan Recursive Function

Rizki Mufrizal Technical Solution Architect Software Engineer https://rizkimufrizal.github.io

Pengenalan Anonymous Function Sebelumnya kita selalu membuat function dengan nama

Menggunakan Anonymous Function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

Pengenalan Arrow Function Arrow function adalah alternatif pembuatan function yang

Menggunakan Arrow Function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

Pengenalan Recursive Function Recursive function adalah kemampuan function memanggil function

Menggunakan Recursive Function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

Terima Kasih