JavaScript

[중앙정보처리학원] JavaScript* 함수 기초

해보구 2024. 3. 27. 17:39

만약 코드가 이렇게 있다면...

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}`);