만약 코드가 이렇게 있다면...
console.log(`김철수님 안녕하세요! 방가방가!!`);
console.log('오늘도 즐거운 하루되세요!!');
// 코드 100줄 정도 작성..\\
console.log(`박영희님 안녕하세요! 방가방가!!`);
console.log('오늘도 즐거운 하루되세요!!');
// 코드 500줄 정도 작성..\\
함수란 ?
함수 정의 ( 만든다 )
관례적으로 동사로 짓는다. 소괄호 그리고 중괄호가 필수로 온다. function 이름() {} 이것을 코드의 모듈화 라고 한다.
// 함수 정의 ( 만든다 ) (관례적으로 동사로 지음) (소괄호 중괄호 필수) (이런식으로 하는걸 코드의 모듈화 라고함)
function sayHello (userName) {
console.log(`${userName}님 안녕하세요! 방가방가!!`);
console.log('오늘도 즐거운 하루되세요!!');
}
// 함수 호출 (사용한다 ) ( call function ) ( define function ) ( 아무대서나 사용가능 if안에도 가능)
sayHello('둘리');
console.log('===========================');
sayHello('잔망루피');
function makeLine() {
console.log('===========================');
}
function makeLine() {
console.log('===========================');
}
makeLine();
sayHello('a')
makeLine();
sayHello('c')
makeLine();
sayHello('v')
makeLine();
하나의 함수로 활용하기
// 나의 프로그램에서는 원의 넓이를 자주 구함
const PI =3.1459265;
// 반지름이 r인 원의 넓이를 구하는 함수 정의
function calcAreaCircle(r) {
return PI * r ** 2;
}
// 반지름이 5인 원의 넓이
var circle1 = calcAreaCircle(5);
console.log(circle1);
// 반지름이 17인 원의 넓이
var circle2 = calcAreaCircle(17);
console.log(circle2);
// 게시글을 삭제하는 함수
function removeBoardArticle() {
}
파라미터란 ? 밑에 코드에서 x, y포지션에 해당하는 것들을 파라미터 라고 한다.
function calcRangeTotal(x, y) {
var total = 0;
for (var i = x; i <= y; i++) {
total += i;
}
return total;
}
var result1 = calcRangeTotal(1, 10);
console.log(result1);
var result2 = calcRangeTotal(4, 7);
console.log(result2);
예제코드
// 매개변수의 기본값
function sayHello(language='한국어') {
// ES5
// language = language || '한국어';
switch (language) {
case '한국어':
console.log('안녕하세요');
break;
case '영어':
console.log('HELLO~~');
break;
case '중국어':
console.log('따쟈하오');
break;
case '일본어':
console.log('콘니치와');
break;
default:
console.log('우가우가~~~');
}
}
sayHello();
// 매개변수가 없는 함수
function selectRandomPet() {
var pets = ['멍멍이', '야옹이', '짹쨱이', '고라니', '노루루'];
var rn = Math.floor(Math.random() * pets.length);
return pets[rn];
}
var r1 = selectRandomPet(3);
var r2 = selectRandomPet(4);
var r3 = selectRandomPet(0);
console.log(`r1: ${r1}`);
console.log(`r2: ${r2}`);
console.log(`r3: ${r3}`);
'JavaScript' 카테고리의 다른 글
[중앙정보처리학원] JavaScript* 함수 quiz (1) | 2024.03.28 |
---|---|
[중앙정보처리학원] JavaScript* 리턴(Return) (0) | 2024.03.27 |
[중앙정보처리학원] JavaScript* 객체 quiz 1 (1) | 2024.03.27 |
[중앙정보처리학원] JavaScript* 객체 응용 (1) | 2024.03.26 |
[중앙정보처리학원] JavaScript* 객체 기초 (1) | 2024.03.26 |