오늘 공부한 내용 요약
( 모던 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문 밖에서 사용하려면 함수 표현식을 사용하면 됨 -
함수도 값처럼 할당, 복사, 선언할 수 있다.
개념 과제
- 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,4while 반복문이 아닌 for 반복문의 경우라면 2경우 모두 0~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문으로 변경시 (===)일치 연산자를 이용해야 하지만 비교하려는 값이 문자열이기 때문에 (==)동등연산자 가능
공부 출처
위의 내용은 공부중 본인이 이해한 내용으로 몇몇 틀린 내용이 있을 수 있습니다.
회독중 발견시 수정하겠습니다
