프로그래밍 핵심 개념 in JavaScript_추상화

할당연산자 (assignment operators)

• 오른쪽에 있는 피연산자를 왼쪽에 있는 피연산자에게 할당함
• 코드 해석 시 할당연산자의 오른쪽부터 계산해 주면 됨

let x = 5;
x = x-2; // x = 3

복합 할당 연산자 (compound assignment operators)

x = x + 2;
x += 2;
x++;

x = x * 2;
x *= 2;

x = x - 3;
x -= 3;
x--;

x = x / 2;
x /= 2;

x = x % 7;
x %= 7;

• 1++은 1++이 작성된 코드의 줄을 실행하고나서 증가시키고, ++1은 ++1이 작성된 코드의 줄을 실행할 때 1을 증가시킨 상태로 코드를 실행함

return문 제대로 이해하기

• 역할 1: 함수 실행 후 어떤 값을 돌려줌
• 역할 2: 함수 실행 중단

function printSquare(x) {
  console.log(x * x);
}

console.log(printSquare(3)); // 9 /n undefined

옵셔널 파라미터

• parameter가 있는 함수에 아무 값도 전달하지 않으면 호출한 부분이 undefined 값을 돌려 받음
• parameter 값을 생략할 수 있도록 기본값을 설정하는 방법
• 이 때 parameter의 위치를 주의해야함!

function introduce(name, age, nationality = '한국') {
  console.log(`제 이름은 ${name}입니다.`);
  console.log(`나이는 ${age}살 이고, `);
  console.log(`국적은 ${nationality}입니다.`);
}

introduce('코드잇', 4, '미국'); // 값을 모두 전달한 경우
introduce('코드잇', 4); // 파라미터 값을 생략한 경우

변수의 scope

• 지역변수 (local variable)
  블록문 (block statement) 내에서 선언되는 변수
  블록문 내에서만 유효함
• 전역변수 (global variable)
  블록문 밖에서 선언한 변수
  어디에서나 유효함

상수 (constant)

• 절대 변하지 않는 항상 일정한 값
• 선언할 때 값을 할당해 주지 않으면 syntaxError가 뜸
• 이름을 지을 때 대문자와 언더바로 표현하는 암묵적인 룰이 있음
• 선언 후 값을 변경하면 오류가 뜸

const MY_NAME = haeun;