Regular function vs Arrow Function Javascript

Regular function dapat berupa function declaration atau function expression, namun arrow function hanya berupa function expression saja. Itu sebabnya arrow function memiliki nama lengkap “arrow function expressions”.

• Regular function
• 
  

// function declaration
function sayHello(greet) {
    console.log(`${greet}!`);
}
 
 
// function expression
const sayName = function (name) {
    console.log(`Nama saya ${name}`)
}

• Arrow function

// function expression
const sayHello = greet => console.log(`${greet}!`);
const sayName = name => console.log(`Nama saya ${name}`);

Karena arrow function merupakan sebuah expression, maka ia hanya dapat digunakan untuk disimpan pada variabel (seperti contoh kode di atas), sebagai argumen pada sebuah fungsi, dan sebagai nilai dari properti objek.

• Stored in Variable

const sayName = name => console.log(`Nama saya ${name}`);

• Passed as An Argument
• 
  

["Dimas", "Widdy", "Buchori"].forEach(name => console.log(`Nama saya ${name}`));

• Stored in Object Property

const user = {
    introduce: name => console.log(`Nama saya ${name}`)
}

Posted in: Javascript