Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 계산맞추기 게임
- 타자 게임 만들기
- react오류
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- 자바스크립트
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- 웹 게임을 만들며 배우는 리액트
- 리액트
- spring-boot
- 인프런
- Python
- node.js로 로그인하기
- node.js 설치
- DB Browser
- 노드에 리액트 추가하기
- googleColaboratory
- JS 개념
- props
- 따라하며 배우는 노드 리액트 기본 강의
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- 모던자바스크립트
- 거북이 대포 게임
- Spring-Framework
- 모두의 파이썬
- react
- intellij
- vs code 내 node
- Colaboratory 글자 깨짐
- Do it 자바스크립트 + 제이쿼리 입문
- Concurrently
Archives
- Today
- Total
프로그래밍 삽질 중
스코프 체인 본문
* 참고한 강의
https://www.youtube.com/watch?v=0lF2zaQ31Ek&list=PLcqDmjxt30Rt9wmSlw1u6sBYr-aZmpNB3&index=4
스코프 체인
- 함수에서 어떤 값에 접근이 가능한지? 어떤 값에 접근이 불가능한지?
[예시]
const x = "x";
//선언
function c() {
const y = "y";
console.log("c");
function b() {
const z = "z";
console.log(b);
c();
}
}
//선언
function a() {
const x = "x";
console.log("a");
b();
}
a();
c();
* 선언에 대한 지도로 확인해보면 a는 b로 접근 불가
* Lexical scope : 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정하는 것이다.
중요한 점은 함수의 호출이 아니라 함수의 선언에 따라 결정된다
(참고 : https://velog.io/@ksh4820/Lexical-scoped%EC%99%80-%ED%81%B4%EB%A1%9C%EC%A0%80)
Lexical scope 예시
var num = 1;
function a() {
var num = 10;
b();
}
function b() {
console.log(num);
}
a(); //1
b(); //1
'과거 프로그래밍 자료들 > Javascript&typescript' 카테고리의 다른 글
비동기 Promise & async await 1 (0) | 2022.09.14 |
---|---|
this 내용 정리 (0) | 2022.09.10 |
[호출스택]실행하지 않고 함수에서 변수로 접근 가능한지 알기 (1) | 2022.09.08 |
함수와 함수 호출 차이, 고차함수 (0) | 2022.09.08 |
자바스크립트 체크 박스 선택 및 전체 체크박스 선택 (0) | 2022.09.01 |