JS 추상화

할당 연산자

// 다음 두 줄은 같습니다
x = x + 1;
x += 1;

// 다음 두 줄은 같습니다
x = x + 2;
x += 2;

// 다음 두 줄은 같습니다
x = x * 2;
x *= 2;

// 다음 두 줄은 같습니다
x = x - 3;
x -= 3;

// 다음 두 줄은 같습니다
x = x / 2;
x /= 2;

// 다음 두 줄은 같습니다
x = x % 7;
x %= 7;

증감, 감소 연산자

// 다음 세 줄은 같은 의미입니다.
x = x + 1;
x += 1;
x++;

// 다음 세 줄은 같은 의미입니다.
x = x - 1;
x -= 1;
x--;

---

return과 console.log의 차이

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

function getSquare(x) {
	return x * x; // 반환(출력은 안해준다.)
}

---

옵셔널 파라미터

function sayHello(name) {
	console.log(`안녕하세요 ${name}님`);
}

sayHello('익명1');
sayHello('익명2');
sayHello(); // undefined

let x;
console.log(x); // undefined
console.log(sayHello('기본명')); // Optional Parameter

옵셔널 파라미터는 순서상 밀려버리면 undefined 를 출력하기 때문에 반드시 쓰여야 한다면 파라미터 맨 뒤에 와야 한다.

function orderSetMenu(sandwich, drink = '스프라이트') {
  console.log(`주문하신 ${sandwich}, ${drink} 세트메뉴 나왔습니다!`);
}
// 테스트 코드
orderSetMenu('코드웨잇 클럽');
orderSetMenu('터키베이컨 아보카도', '코카콜라');
orderSetMenu('코드웨잇 멜트');
orderSetMenu('이탈리안 비엠티', '닥터페퍼');
orderSetMenu('에그마요', '환타 오렌지');

Uploaded by Notion2Tistory v1.1.0