Functions
Since ES6, there are three equivalent ways of defining functions:
Method 1: The usual way
function rectangleArea(width, height) {
let area = width * height;
return area;
}Method 2: Function expressions
const rectangleArea = function(width, height) {
let area = width * height;
return area;
};Using const is a convention.
Method 3: Arrow functions
const rectangleArea = (width, height) => {
let area = width * height;
return area;
};Arrow functions can be refactored into single line:
const rectangleArea = (width, height) => width * height;If there is only one parameter, parentheses are omitted:
const squareNum = num => num * num;Array functions are oftentime used for writing quick anonymous functions. Here is an example from MDN:
const materials = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
console.log(materials.map(material => material.length));
// Expected output: Array [8, 6, 7, 9]The meaning of => is similar to a "mapping" in mathematics.
Last updated
Was this helpful?