03. JavaScript 추상화

3-1) 할당연산자

let x=6;
x=x-3;

js에서 등호(=)는 왼쪽과 오른쪽이 같다는 뜻이 아니라
할당 연산자로 오른쪽에 있는 피연산자를 왼쪽에 있는 피연산자에 할당한다는 의미를 가짐.

즉 왼쪽의 변수 x에는 3이라는 값이 할당됨
console.log(x)를 출력하면 3이 출력된다.

3-2) 복합 할당 연산자

할당 연산자와 결합해서 자주 쓰이는 표현을 더 간략하게 쓸 수 있게 해주는 연산자

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;

3-3) 증가, 감소 연산자

변수의 값을 1씩 증가시키거나 감소시킬 때는 증가연산자, 감소연산자를 사용하면 더 간략하게 사용 가능
더하기 기호를 연달아 쓰거나(++), 빼기 기호를 연달아 사용

x = x + 1;
x += 1;
x++;

x = x - 1;
x -= 1;
x--;

3-4) return문 이해하기

return과 console.log의 차이

• 함수를 호출하는 부분에 값을 반환하면 return문
• 값을 반환하지 않고 출력만 하면 console.log

return은 함수 호출 부분에 입력받은 값을 반환하여 실제 값을 갖고 있는 상태지만, console.log는 함수 내부에서만 실행하고 사라지기 때문에 실제 값을 가지고 있지 않음

getSquare(3);
//-> 9;

console.log(getSquare(3));
//-> console.log(9);

console.log(printSquare(3));
//-> [1] printSquare(3)호출로 console.log( 9 ); 실행
//-> [2] printSquare()함수엔 return 값이 없어서 undefined 가 반환됨.
//-> [3] console.log( undefined );


console.log(getSquare(4) + getSquare(5));
//-> console.log( 16 + 25 );

3-5) 옵셔널 파라미터