1. 함수 호출
(함수 본문 또는 함수 선언에서 중괄호 사이의 모든 문장 실행)
function greetWorld() {
console.log('Hello, World!');
}
greetWorld();
// Output: Hello, World!
2. 매개 변수 및 인수
function sayThanks(name){
console.log('Thank you for your purchase ' + name + '! We appreciate your business.');
}
sayThanks('Cole');
// Output: Thank you for your purchase Cole!
We appreciate your business.
3. 기본 매개 변수
function greeting (name = 'stranger') {
console.log(`Hello, ${name}!`)
}
greeting('Nick') // Output: Hello, Nick!
greeting() // Output: Hello, stranger!
다른 예
function makeShoppingList(item1='milk',
item2='bread', item3='eggs'){
console.log(`Remember to buy ${item1}`);
console.log(`Remember to buy ${item2}`);
console.log(`Remember to buy ${item3}`);
}
4. return 반환
function rectangleArea(width, height)
{
if (width < 0 || height < 0) {
return 'You need positive integers to
calculate area!';
}
return width * height;
}
다른 예
function monitorCount(rows, columns)
{
return rows * columns;
}
const numOfMonitors=monitorCount(5, 4);
console.log(numOfMonitors); // 20
5. Helper 함수
(다른 함수 내에서 호출되는 함수)
function multiplyByNineFifths(number)
{
return number * (9/5);
};
function getFahrenheit(celsius) {
return multiplyByNineFifths(celsius) + 32;
};
getFahrenheit(15); // Returns 59
다른 예
function monitorCount(rows, columns) {
return rows * columns;
}
function costOfMonitors(rows,columns){
return monitorCount(rows, columns)*200;
}
const totalCost=costOfMonitors(5,4);
console.log(totalCost); // Returns 4000
6. 함수 표현
const plantNeedsWater = function(day) {
if(day === 'Wednesday'){
return true;
} else
return false;
}
plantNeedsWater('Tuesday');
console.log(plantNeedsWater('Tuesday'));
7. 화살표 기능
const rectangleArea = (width, height) => {
let area = width * height;
return area;
};
다른 예
const plantNeedsWater = (day) => {
if (day === 'Wednesday') {
return true;
} else {
return false;
}
};
8. 간결한 body 화살표 기능
const squareNum = (num) => {
return num * num;
}; 를
const squareNum = num => num * num; 로!
const plantNeedsWater = day =>
day === 'Wednesday' ?
true : false;