이름만 있는 함수
function func1(){
console.log('함수실행')
}| func1() console.log('------------') |
 |
매개변수가 있는 함수
function 함수명(매개변수1, 매개변수2 ..){
함수가 호출되었을 때 실행할 문장;
...
}
function func2(num){
console.log(`전달받은 매개변수의 값 ${num}`)
}
function func3(start,end){
let sum = 0;
for (let i=start; i<=end; i++){
sum += i
}
console.log(`${start}부터 ${end}까지의 합은 ${sum}입니당`)}| func2(100) console.log('------------') |
 |
| func3(3,10) console.log('------------') |
 |
매개변수가 있는 함수 -> 디폴트매개변수
매개변수를 정하지 않으면 대신 기본값을 변수에 저장
function 함수명(매개변수1=값1, 매개변수2=값2 ..){
함수가 호출되었을 때 실행할 문장;
}
function func4(name='무명'){
console.log(`내 이름은 ${name}입니다`)
}| func4('소영') func4() console.log('-----------') |
 |
매개변수가 있는 함수 -> 나머지 매개변수
생략 접두사(...)를 사용하여 특정 위치의 인수부터 마지막 인수까지 한번에 지정
function 함수명(매개변수1, ...매개변수2){
함수가 호출되었을 때 실행할 문장;
}
function func5 (num1, ...num2){
console.log(`num1 값 : ${num1}`);
console.log(`num2 값 : ${num2}`);
}| func5(10,30,15,48,34,75) console.log('------------') |
 |
나머지 매개변수를 활용하여 배열의 형태로 출력 가능한 함수도 만들 수 있음
function func6(...score){ // 나머지 매개변수 사용
for(let i of score){ // for문을 돌려 출력
console.log(i)
}
}| func6(100,60,80,90) console.log('------------') //반복문의 형태로 출력 가능 |
 |
리턴값이 있는 함수
function 함수명(매개변수1, 매개변수2 ..){
함수가 호출되었을 때 실행할 문장;
...
return 값;
}
변수(상수) = 함수명(값1, 값2 ..);
----------------------------------------
<head>
<script>
'use strict'
function sum(num1,num2){
return num1 + num2
}
</script>
</head>
<body>
<script>
'use strict';
let num1 = Number(prompt('첫번째 숫자를입력하세요'))
let num2 = Number(prompt('두번째 숫자를입력하세요'))
let result = sum(num1,num2)
console.log(`${num1} + ${num2} = ${result}`)
</script>
</body>
</html>
이렇게 함수의 여러 형태를 정리했지만
막상 또 만들어보라 하면 생각보다 어렵당 헤헿
'개발공부_Blog > JavaScript' 카테고리의 다른 글
| javascript - radio버튼 (0) | 2021.12.22 |
|---|---|
| javascript - cm를 여러 단위로 변환 (0) | 2021.12.22 |
| javascript - for문의 종류 (for in / for of / for Each ) (0) | 2021.12.22 |
| javascript - 반복문으로 최대최소값 구하기 (0) | 2021.12.22 |
| javascript - for 문(중첩반복문) (0) | 2021.12.22 |
댓글