티스토리 뷰
변수를 배울 때 가장 중요한 3가지는
1. 변수의 필요성
2. 선언/할당
3. 스코프
이 3가지만 기억해도 변수의 개념을 이해하는 것이다.
1) 변수의 필요성
우선 변수란 컴퓨터 CPU는 우리가 1+2를 계산하라고 명령을 내릴 때 값을 계산하는 역할만 하고, 그 값을 저장하는 역할은 하지 않는다.
하지만 우리는 그 값을 재사용해야 하는 경우가 많기 때문에 그 값을 기억하기 위해서 메모리 공간에 값을 저장해야 하는데, 그 역할을 하는 것이 변수다.
→ 요약하자면, 변수는 메모리에 값을 저장하여 필요할 때 재사용할 수 있도록 하는 도구
추가: 코드의 가독성, 데이터의 동적 처리, 상태 관리 -데이터의 동적 처리: 프로그램 실행 중에 사용자가 입력한 데이터를 처리하거나, 동적으로 변하는 데이터를 관리할 때 변수가 필요.
2) 선언/할당
변수의 종류에는 var, let, const 가 있는데 이 3가지의 차이점은 선언 방식과 할당 방식으로 나눌 수 있다.
-var의 특징: 재선언 O, 재할당 O, 함수 스코프를 가짐.
-let의 특징: 재선언 X, 재할당 O, 블록 스코프를 가짐.
-const의 특징: 재선언 X, 재할당 X, 블록 스코프를 가짐.
3) 스코프
변수가 어디에 선언되었는지에 따라 해당 변수를 사용할 수 있는 범위를 정의한다.
그리고 그 범위를 스코프라고 하며, 사용할 수 있는 범위를 유효범위라고 한다.
중요한 점:
-전역 변수는 어디서나 접근 가능하기에 프로그램 전체에 영향을 미칠 수 있으므로 주의해서 사용해야 한다.
- 함수 스코프와 블록스코프를 이해하면, 변수가 의도치 않게 다른 코드에 영향을 주는 것을 방지할 수 있다.
'JavaScript' 카테고리의 다른 글
[자바스크립트 기본 개념] 생성자 함수는 왜 일반 함수와 구분 지어 부를까? (0) | 2024.09.20 |
---|---|
[자바스크립트 기본 개념] 함수의 정의와 종류 (0) | 2024.09.19 |
[발표 스터디] this에 대해 설명하기 (0) | 2023.04.17 |
[의문점].forEach()에서 prototype은 왜 생략하는 걸까 (0) | 2023.02.07 |
자바스크립트로 html 코드 생성하기 (0) | 2023.02.03 |
- Total
- Today
- Yesterday
- 비전공자
- translateX
- VirtualDom
- CSS
- CSS게임
- 이벤트핸들링
- 리액트
- 가상돔
- DOM제어
- DOM자바스크립트
- 체크박스오류
- vanillajs
- 즉시실행함수
- 프론트엔드독학
- 상태변수
- labelfor
- CSS선택자
- 논리부정연산자
- 코딩독학
- 화살표함수
- 변수스코프
- 캐시오류
- :nth-child
- DOMapi
- 로컬스토리지오류
- JavaScript
- CSSDiner
- 자바스크립트
- 프로그래밍독학
- dom조작
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |