40일차 - [JS] 함수(function)

안녕하세요. pitang입니다.

저번 40일차 기초, 변수, 연산자에 이어 함수를 알아보도록 하겠습니다.

 

function

함수는 코드 집합을 나타내는 자료형이다. 

 

생성하는 방법에는 익명 함수 생성과 선언적 함수 생성이 있다.

익명 함수 - function(매개변수) { 코드 작성 }

선언적 함수 - function 함수 이름(매개변수) { 코드 작성 }

 

함수(매개변수);는 함수를 호출한다.

함수도 변수이므로 가장 마지막에 입력된 값이 저장되지만 선언적 함수와 익명 함수와 함께 사용할 때는 실행 순서가 다르다.

 

자바스크립트는 모든 코드를 읽기 전에 선언적 함수를 먼저 읽는다. 

 

ex1)

18function.html

console

 

ex2)

19function.html

console

-> 함수 실행시키기 버튼을 누르면 함수가 실행된다.

 

ex3)

20function.html

console

-> 아직 알아보지 않은 함수가 있으나, input 상자에 입력하고 함수 실행 버튼을 클릭하면 그 입력한 값이 출력된다.

 

ex4)

21function.html

console

-> add(), subtract(), times(), divide() 함수를 정의해서 각자 아이콘을 클릭했을 때, 해당 함수를 실행하는 코드이다.

 

ex5)

22function-parameter.html - console

-> 매개변수가 있는 함수에 함수를 호출할 때, 매개변수가 들어있지 않으면 undefined가 되고,

    초과해서 작성하였다면 앞에서 부터 출력되고 나머지는 버려진다.

 

ex6)

23function-parameter.html

console

 

return

return은 두 가지의 의미를 가진다.

첫 번째는 메서드 종료,

두 번째는 오른쪽에 있는 값을 반환한다.

 

ex1)

24function-return.html

console

 

ex2)

25function-return.html

console

 

random

Math.random(); - 0보다 크거나 같고 1보다 작은 임의의 수를 리턴

getRandom(); - 1 ~ var 사이의 임의의 값을 리턴

 

Math.random()은 자바에서 많이 사용했었기 때문에 익숙할 것이다.

 

ex1)

26random.html

console

 

ex2)

27function-random.html

console

-> 1 ~ 입력한 값 사이의 랜덤 값을 출력한다.

 

ex3)

31function-random.html

console

-> 입력한 값 사이의 랜덤값을 출력한다.

 

 

 

 

감사합니다.

 

*m1 맥북을 사용 중입니다.*