argument가 있는 함수 정의문
기본함수 정의문은 함수 안에 있는 코드를 실행할때 단순히 함수명으로 호출해서
함수를 실행했다. 즉 함수를 호출할때 값을 전달할 수 없었다.
하지만 매개변수가 있는 함수 정의문은 함수를 호출하고자 할때 전달하려는 값을
인수로 넣어 전달할 수 있다. 이렇게 전달된 값은 매개변수가 받아 함수 정의문에서
사용할 수 있다.
매개변수는 함수호출문에 있는 인수가 순서대로 할당된다.
[기본형]
1. 매개변수의 갯수와 인수의 갯수가 일치하는 경우
function 함수명(매개변수1, 매개변수2, 매개변수3...){
자바스크립트 코드;
}
함수명(인수1, 인수2, 인수3.....);
2. 매개변수에 기본 값을 정의한 경우
function 함수명(매개변수1, 매개변수2, 매개변수3 = 초깃값){
자바스크립트 코드;
}
함수명(인수1, 인수2);
밑 박스를 넣어줘여지 기계가 움직임(함수라는)
만약 내가 임의의 숫자를 더하고 싶다면?
매개변수의 갯수와 인수의 갯수가 일치하는 경우-기본
예를 들어
이렇게 매개변수로 바꿔줄 수 있다.
함수를 호출할때 변수의 숫자에 맞게 할당이 된다.
값을 빙의해서 받는다고 해석하면 됨.
10과 2가 있는 자리는 인수라고 한다. 인수가 들어간 자리에는 매개변수가 할당받아 값을 넣어주는 것이다.
단 매개변수와 인수의 짝이 맞아야한다. 물론 예외도 존재함. 그게 매개변수에 기본 값을 정의한 경우
매개변수에 기본 값을 정의한 경우01
할당되면 원래 있던 값이 사라지고 인수에 있는 수가 적용된다.
5,10,20이 된 상태임.
즉 result= 70이다
콘솔로그로 확인해보면 70이라는 값을 확인 할 수 있다.
매개변수에 기본 값을 정의한 경우02
10*20+10
210이 나온다.
매개변수에 기본 값을 정의한 경우03
30*5+10
160이라는 값이 나옴
+#### 매개변수의 갯수와 인수의 갯수가 일치하는 경우-기본01
매개변수에 기본 값을 정의한 경우04
심화 아이디와 비밀번호를 사용자로부터 입력받아 올바른지 확인하는 함수
회원정보는 초깃값을 넣으면 안 됨.
rightId와 id가 매개변수가 일치하면 if문 실행하고 틀리면 맨 아래가 실행된다.else
그리고 아이디가 일치한다면 비밀번호가 맞는지를 확인한다.
만약 rightPw와 pw가 일치한다면 도큐먼트 실행하고 아니면 eles가 실행
모든게 실행된다면. 맨 아래 prompt로 이동.
이걸 감싸고 있는 로그인과 결합
최종으로 나온 값은
userID는 처음의 ID자리로 가고
userPw는 맨 위의 PW자리로 가게 된다.
매개변수 없이 인수값 받아오기
만약 함수를 실행할 때마다 받아와야하는 인수의 갯수가 달라지거나, 혹은
인수가 너무 많은 경우 매개변수 없이 argument키워드를 이용하여 인수를 받아올 수 있다.
함수 정의문에서 argument를 사용하면 aurgument를 사용하면 argument가 인수를 받아
배열로 데이터를 저장하낟.
배열로 담긴 데이터는 함수 안에서 자유롭게 사용할 수 있다.
[기본형]
1.
function 함수명(){
arguments;
자바스크립트 코드;
}
함수명(인수1, 인수2, 인수3...);
if문이 들어가면 조건식의 만족여부에 따라 함수를 강제종료 할 수 있다.
2.
function 함수명(){
arguments;
자바스크립트 코드;
if(조건식){return;} <- 함수를 강제 종료함. 값은 반환하지 않는다.
}
함수명();
아규먼트는 배열이다. = 배열로 불러와야함.
60이라는 값이 나온다 하지만 너무 비효율적이라고 생각이 듦
만약 500개의 데이터를 다 불러올 수 없으니까 반복문을 이용해서 만들어준다.
반복문
550이 나옴
사용자로부터 숫자를 입력받아서 0부터 사용자가 입력한 숫자까지를 모두 더하는
누산기를 만들기
매개변수는 아주 중요하다.
함수의 값을 반환하는 return문
return문은 함수에서 결과값을 반환할때 사용한다.
그리고 return문이 실행되면 반복문의 break문처럼 코드가 강제종료 된다.
즉, return문의 아래에 코드가 더 있더라도 return문을 만나면 아랫줄의 코드는
무시하고 값을 반환한 후 코드를 종료한다.
반환된 값은 함수를 호출한 자리에 남는다. 그렇기 때문에 함수호출문이 변수 안에
담겨 있어야한다.
[기본형]
function 함수명(){
return 반환할 값;
자바스크립트코드2 <-- return문 다음에 등장하는 자바스크립트 코드는 무시한다.
}
let 변수 = 함수명(); <--- 이 자리에 반환된 값이 저장됨.return문
함수종료 표시는 안 뜨고, 30만 콘솔창에 쓰인다.
return에 반환된 값은 모두 콘솔창으로 옮겨진다.
return은 객체 일반적인 데이터 함수 등 모든 것들이 대입이 가능하다.
