[Javascript] 기초 공부 - Function 데이터 받기

Magit·2020년 5월 24일
0

Javascript

목록 보기
9/17

Function(함수) 데이터 받기

함수의 기본적인 정의 및 실행하기

// 함수 정의하기
function alertSuccess() {
  alert("로그인 성공!");
}

// 호출하기
alertSuccess();

함수에 데이터(=인자, argument) 전달하기

위의 alertSuccess 함수에 알림창의 문장을 그때그때 바꾸고 싶다면 어떻게 할까?
이런 경우에는 함수를 호출할 때 데이터를 전달하고, 전달받은 데이터를 함수가 사용하면 된다.

// 데이터를 전달받는 함수
function alertSuccess(msg) {
  alert(msg);
}

// 데이터를 전달하며 함수를 호출
alertSuccess("김개발님 로그인 성공!");
alertSuccess("박사장님 로그인 성공!");

// 중복되는 부분을 줄이는 방식으로 함수를 재정의하기
function alertSuccess(name) {   
  alert(name + "님 로그인 성공!"); 
}

// 재정의한 함수를 호출
alertSuccess("김워크");

주의사항!

함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안된다!

//Example


function alertSuccess(name) {   
  let name = "wecode";
  alert(name + "님 로그인 성공!"); 
}


// 위와 같이 함수 내부에서 인자로 받은 변수(name)에 새로운 값("wecode")을 넣으면 안 됩니다!
// 인자(parameter)에 실제로 어떤 데이터가 전달될지는 호출할 때 결정하는 것입니다. 아래를 확인해주세요.


alertSuccess("wecode");

연습하기

function isbiggerThanHundred(myNumber){
  if (myNumber > 100){
    return "크다!"
  }  else {
    return "작다!"
  }
}
profile
이제 막 배우기 시작한 개발자입니다.

0개의 댓글