기본 18. 기본 문법 요약

1. 코드 구조

• 세미콜론으로 구문 구분 / 줄바꿈 시 구분에 사용되긴 함(안될 경우가 있어 위험)
•  코드블록{}이나 반복문같이 {}로 구성되는 문법의 끝엔 붙이지 않음 ({}; X)

 

2. 엄격 모드

• 'use strict' : 모던 자바스크립트의 모든 기능을 사용할 수 있음
• 스크립트 또는 함수의 최상단

 

3. 변수

• 키워드 : let, const(바꿀 수 X), var
• 명명 규칙
  • 첫글자로 숫자 X
  • 사용 가능 특수 기호 : $ _
• 동적 타이핑 허용 -> 한 변수에 다른 자료형 값 할당 가능

let x = 5;
x = "John";

• 8가지 자료형: 숫자형, BigInt형, 문자형, 불린형, null, undefined, 심볼형
• 연산자 typeof : 값의 자료형 반환

 

4. 상호작용

• UI 함수를 이용해 사용자와 상호작용
  • prompt(question, [default]) : 프롬프트 창을 이용해 question을 사용자에게 보여준 후, 확인과 취소 버튼으로 반환
  • confirm(question) : 컴펌 대화상자에 question을 넣어 보여줌, 확인 버튼은 참, 그 외는 거짓
  • alert(message) :  메세지가 담긴 얼럭 창
• 모달창
  • 닫히기 전까지 코드 실행 중지
  • 사용자는 모달 창 외에 페이지에 있는 무엇과도 상호작용 불가

 

5. 연산자

• 산술 연산자 : * + - / % **        /       이항 연산에서 +는 하나가 문자열일 경우 나머지 하나를 문자형으로 바꿔 두 문자 연결
• 할당 연산자 : a = b, a += 2
• 비트 연산자 : 이진연산 수행
• 조건부 연산자 : 유일하게 매개변수가 3개인 연산자   /    조건 ? a : b  /   조건 참이면 a, 거짓이면 b
• 논리 연산자 : &&(AND) ||(OR) !(NOT)
• nullish 병합 연산자 :  a ?? b   /    a가 null 이나 undefined 가 아니면 결과 a , 맞으면 b
• 비교 연산자 : == <= >= < >
• 일치 연산자 : === 자료형까지 비교 (피연산자 형변환 X)

 

6. 반복문 : while, do-while, for문

• 지시자 break, continue 를 이용해 반복문 종료 또는 넘어감

 

7. switch 문

• 일치연산자 === 사용 -> 즉, 자료형까지 비교함!
• 일치하는 case로 들어감
• break가 없으면 따라오는 break를 만날 때까지 모든 case를 실행함

 

 

8. 함수: 함수 선언문, 함수 표현식, 화살표 함수

• 지역변수 : 함수 내에서 선언됨, 함수 내부에서만 사용 가능
• 매개변수 기본값 설정 가능
• 항상 반환 / return이 없으면 undefined라도 반환함

 

 

 

 

문서