본문 바로가기

Study

[javascript] 함수(function) 선언 방법

1. 기본적인 함수 선언

   function 함수명 (파라미터1, 파라미터2, ...) {

        함수내용;

   }

1
2
3
function monitorCount(rows, columns){
    return rows * columns;
}
cs

 

 

2. 함수 표현식 (Function Expression) ※ 정확한 명칭을 찾지 못해 임의로 번역.

   var 함수명 = function (파라미터1, 파라미터2, ...) {

        함수내용;

   }

1
2
3
4
5
6
7
const plantNeedsWater = function(day){
    if(day === 'Wednesday') {
        return true;
    } else{
        return false;
    }
};
cs

 

 

3. 화살표 함수 (Arrow Function) - ES6에서 새롭게 추가된 기능

 - 기본방식

   const 함수명 = (파라미터1, 파라미터2, ...) => {

        함수내용;

   }

1
2
3
4
const rectangleArea = (width, height) => {
    let area = width * height;
    return area;
};
cs

 

- 파라미터가 없을 시

   let 함수명 = () => {

        함수내용;

   }

1
2
3
let thankyou = () => {
    console.log('Thank you!');
};
cs

 

- 파라미터가 하나 일 시

   var 함수명 = 파라미터 => {

        함수내용;

   }

1
2
3
let clockNum = minute => {
    return minute / 12;
};
cs

 

- 함수내용이 한 줄일 경우

   const 함수명 = (파라미터1, 파라미터2, ...)  => 함수내용;

1
const double = num => num * 2;
cs

'Study' 카테고리의 다른 글

[javascript] 배열 관련 함수  (0) 2020.05.14
[javascript] 변수선언 방식(var, let, const)  (0) 2020.05.14
FileZilla Server 설치 및 설정  (0) 2018.01.15
DNS  (0) 2017.07.25
Reverse DNS  (0) 2017.07.24