JavaScript_Function(함수)-1

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

🔹데이터를 전달 받는 함수의 정의

function alertSuccess(msg) {
	alert(msg);
}

🔹함수의 호출(데이터 전달)

alertSuccess("김귤님 로그인 성공!");
alertSuccess("김키위님 로그인 성공!");

🔹데이터를 전달 받는 함수의 재정의
"님 로그인 성공!"이 중복되고 있으니 중복을 줄이는 함수를 재정의 해보자

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

🔹함수의 호출(데이터 전달)

alertSuccess("김낑깡");

⚠️주의 사항

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

function alertSuccess(name) {
	let name = "wecode"; //함수 내부에서 인자로 받은 변수(name)에 새로운 값 ("wecode")을 넣으면 안됨!!!
    alert(name + "님 로그인 성공!");
}
alertSuccess("wecode");

---

✍️Assignment

인자를 세개 받습니다.

첫번째 인자는 년도에 해당하는 숫자입니다.
두번째 인자는 월에 해당하는 숫자입니다.
세번째 인자는 일에 해당하는 숫자입니다.
년도 인자만 받았을 경우 → "1234년" 과 같은 형식의 문자열을 리턴 해주세요.

년도,월 인자를 받았을 경우 → 년도와 월을 조합해서 "1234년 5월" 과 같은 형식의 문자열을 리턴 해주세요.

년도,월,일 인자를 전부 받았을 경우 → 년도,월,일을 조합해서 "1234/5/6" 과 같은 형식의 문자열을 리턴 해주세요.

meetAt(2022); // 결과 --> "2022년"
meetAt(2032, 3); // 결과 --> "2032년 3월"
meetAt(1987, 10, 28); // 결과 --> "1987/10/28"

~📖문제 풀이~

⭐첫 번째 방법

파라미터가 3개 있는 함수이고 차례대로 년, 년+월, 년+월+일을 리턴해야함

1. year만 리턴하는 경우는 if문과 &&(and 연산자.모두 충족해야 참)을 입력해서 구한다.
   => month와 date가 없는 경우니까 동등 연산자와 undefined를 이용한다.
2. year와 month를 리턴하는 경우는 date 부분만 undefinde값 할당.
3. 세가지 전부 리턴하는 경우에는 / 입력해서 리턴

function meetAt(year, month, date) {
	if (month === undefined && date === undefined) {
    return year + "년"
} 	else if (date === undefined) {
	return year + "년 " + month + "월"
}	else {
	return year + "/" + month + "/" + date
}

}

console.log(meetAt(2022,3,5))

⭐두 번째 방법

내 기준에서 첫 번째 방법보다 훨씬 간결하다고 느낀 코드 !

function meetAt(year, month, date) {
  if(date){
    return `${year}/${month}/${date}`
  }
  if(month){
    return `${year}년 ${month}월`
  }
  if(year){
    return `${year}년`
  }
}	

이 방법은 구글링을 통해 발견하였는데 파라미터 순서에따라 year->month->date 순서가 d아니라 date->month->year 순서라는 점이 신기했다. 그 이유는 return의 속성 때문인데 자바스크립트 함수에서 return을 만나게 될 경우 즉시 함수를 종료하고 해당 값을 반환하기 때문이다. 그래서 date까지 출력하려면 순서를 반대로 입력해야함!