20일차 - 2022.03.20

오늘 공부한 내용 요약

( 모던 JavaScript 튜토리얼 복습 )

자바스크립트 기본

헷갈렸거나 한번 더 상기시킬 내용

• do ..while 반복문은 조건을 반복문 본문 아래로 내릴 수 있는데 본문을 최소한 한번이라도 사용하려 할때 사용

• for 반복문에서 구성요소 생략 가능

• break를 반복문에서 사용해 반복문을 종료시킬 수 있음

• continue는 현재 반복을 종료시키고 다음 반복문으로 진행 (과제 1번)

• 조건부 연산자 오른쪽에 break나 continue를 쓸 수 없음.
  이와 같은 이유로 ?를 If 대신 사용하는건 좋은 방식이 아님

• switch문은 복수의 if문과 같은 기능을 할 수 있고 하나 이상의 case문으로 구성 / 모든 표현식을 인수로 받음

• 코드가 같은 case문은 묶일 수 있고 / 자료형이 같지 않다면 정상 작동x

• 함수는 외부 변수에 접근할 수 있지만 함수 바깥에서 함수 내부의 지역변수에 접근하는 건 불가능

• function checkAge(age) {
    if (age > 18) {
      return true;
    } else {
      // ...
      return confirm('보호자');
    }}         // 여기서 else를 제거해도 동일하게 작동함

• 자바스크립트는 함수에 ()가 있어야 실행됨

• 이름없이 선언한 함수는 익명함수라고 함

• 콜백함수 또는 콜백은 함수를 함수의 인수로 전달했고 필요시 인수로 전달한 그 함수를 나중에 호출 하는것을 뜻함

• 함수선언문

function sum(a, b) {
  return a + b;
}

• 함수 표현식

let sum = function(a, b) {
  return a + b;
};

• 함수 표현식은 실행흐름이 함수에 도달했을때 함수를 생성하고 사용가능 / 함수 선언문은 정의하기전부터 사용가능

• 함수선언문은 함수가 선언된 코드블록 내부에서만 유효함
  If 문 안에 함수를 넣고 if문 밖에서 사용하려면 함수 표현식을 사용하면 됨

• 함수도 값처럼 할당, 복사, 선언할 수 있다.

개념 과제

1. continue 이용해 1~100까지의 수 중 짝수 출력해보기

for(let i=1; i<101; i++){
	if (i % 2 ==1) continue;
	alert(i);    //  2,4...100 
};          


반복문 본문을 
if(i % 2 ==0) {
alret(i);
}
};  해도 같은 결과가 나오지만 가독성이 떨어질 수 있음

-> 배열로 구하고 싶다면 14일차 글 참고

let i = 3;

while (i) {
  alert( i-- );
}                 // 3,2,1  

i가 0이 되면 종료되므로 1에서 종료

let i = 0;
while (i++ < 5) alert( i );   // 1,2,3,4,5

let i = 0;
while (++i < 5) alert( i );   // 1,2,3,4

while 반복문이 아닌 for 반복문의 경우라면 2경우 모두 0~4의 값 출력

4. switch문을 if문으로 변경

switch (browser) {
  case 'Edge':
    alert( "Edge를 사용!" );
    break;
  case 'Chrome':
  case 'Opera':
    alert( '우리꺼 쓰시네' );
    break;
  default:
    alert( '지금이 좋아' );
}

를 if문으로 바꾸면 **텍스트**

if(browser == 'Edge') {
  alert("Edge를 사용!");
} else if (browser == 'Chrome'
 || browser == 'Opera') {
  alert( '우리꺼 쓰시네' );
} else {
  alert( '지금이 좋아' );
}

원래 if문으로 변경시 (===)일치 연산자를 이용해야 하지만 비교하려는 값이 문자열이기 때문에 (==)동등연산자 가능

공부 출처

자바스크립트.info

위의 내용은 공부중 본인이 이해한 내용으로 몇몇 틀린 내용이 있을 수 있습니다.
회독중 발견시 수정하겠습니다