TIL 07. Basic JavaScript 간단 정리

생활코딩 입문강의를 들었으나 내가 정확하게 몰랐던 Basic JavaScript를 정리해보자.

1. null과 defined의 차이

• null - 의도적으로 값이 없는 것.
• defined
  1. 변수를 선언하고 아무런 값 할당하지 않았을 때
  2. return문 작성이 안됐을 때
  3. 파라미터에 아무런 값 작성하지 않았을 때

2. return과 console.log의 차이

• return
  1. 아웃풋 역할
  2. 함수 실행 중단!

function printSquare(x) {
console.log(x*x);
}
console.log(printSquare(3);
//하면 9가 출력될 줄 알았으나, return문을 작성하지 않았으므로 undefined된다.

3. 옵셔널 파라미터는 생성할 때 반드시 맨 뒤에 위치해야 한다.

4. 변수의 자료형이 결정되지 않았거나 일정하지 않으면 문자는 '', 숫자는 0으로 할당할 수 있다.

const Pi = 3.14;
let radius = 0;

function calculateArea() {
	return Pi * radius * radius;
}

function PrintArea() {
	return `반지름이 ${radius}일 때, 원의 넓이는 ${calculateArea()}`;
}

radiou=4;
console.log(PrintArea()); //반지름이 4일 때, 원의 넓이는 50.24 출력

5. switch문 Form

switch (비교할 값) {
	case 1: 
    	동작부분;
    case 2: 
    	동작부분;
    case 3: 
    	동작부분;
        break;
    default 동작부분; --> 모든 조건과 일치하지 않을 때.
}

6. command + d --> 똑같이 쓴거 한 번에 변경 가능한 단축키

7. ==와 ===의 차이

• ==연산자는 동등 연산자.
  피연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교한다.
  하지만 형 변환이 어떻게 되는지 하나하나 외워서 사용하는 것이 복잡

0 == ''     //true
0 == '0'     //true
1 == true     //true
false == '0'    //true
null == undefined    //true
false == null    //false
false == undefined    //false

• 하지만 ===연산자는 일치 연산자로, 두 피연산자를 더 정확하게 비교한다.

0 === ''     //false
0 === false    //false
1 === true     //false
NaN === NaN     //false
null === undefined     //false

따라서 특별한 경우가 아니라면, ==보다는 ===를 쓰는 것을 권장한다.

참고
코드잇 강의 들으며 정리