본문 바로가기
공부/Frontend

프로그래밍 핵심 개념 in JavaScript

by 유스베리이 2024. 5. 24.

Boolean 

 

AND 연산을 할 때 왼쪽이 false일 경우 오른쪽은 볼 필요도 없이 결과는 false입니다

OR 연산의 경우에는 AND 연산과 반대로 왼쪽이 true라면, 오른쪽은 볼 필요도 없이 true가 됩니다.

 

연산자 우선순위

 

null vs undefined

  • null은 의도적으로 "없음"을 명시하기 위해 사용됩니다.
  • undefined는 변수가 선언되었지만 아직 값이 할당되지 않았거나, 함수가 값을 반환하지 않았을 때 자동으로 할당됩니다.
  • null의 타입은 "object"입니다.
  • undefined의 타입은 "undefined"입니다.
  • null은 값을 명시적으로 초기화할 때 사용합니다.
  • undefined는 일반적으로 변수나 속성이 선언되었지만 값이 할당되지 않았을 때 발생합니다.

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

// 다음 두 줄은 같습니다
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--;

 

for 

for (let i = 1; i <= 10; i++) {
  console.log(`${i} 코드잇 최고!`);
}

switch

et myChoice = 2;

switch(myChoice) {
  case 1:
    console.log('토끼를 선택한 당신, ...');
    break;
  case 2:
    console.log('고양이를 선택한 당신, ...');
    break;
  case 3:
    console.log('코알라를 선택한 당신, ...');
    break;
  case 4:
    console.log('강아지를 선택한 당신, ...');
    break;
  default:
    console.log('1에서 4사이의 숫자를 선택해 주세요.'); 
}

 

return 과 console.log 차이점

return : return문이 실행되면 함수는 즉시 종료되고, return 뒤에 오는 값이 함수 호출의 결과로 반환됩니다. 반환 값이 없으면 undefined가 반환됩니다.

console.log : console.log는 주로 디버깅을 위해 사용되며, 콘솔에 메시지를 출력할 뿐 코드의 실행 흐름에는 영향을 주지 않습니다.

 

 

scope : 변수, 함수, 객체 등이 유효한 범위

전역 스코프 (Global Scope)

  • 설명: 코드 어디서나 접근 가능한 범위입니다.
  • 특징: 전역 스코프에 선언된 변수는 프로그램 전체에서 접근할 수 있습니다.

함수 스코프 (Function Scope)

  • 설명: 함수 내에서 선언된 변수는 함수 내부에서만 접근 가능합니다.
  • 특징: var 키워드로 선언된 변수는 함수 스코프를 가집니다.

블록 스코프 (Block Scope)

  • 설명: 중괄호 {}로 둘러싸인 블록 내부에서 선언된 변수는 블록 내부에서만 접근 가능합니다.
  • 특징: let과 const 키워드로 선언된 변수는 블록 스코프를 가집니다.