반응형
1편...🙂
https://gallery-k.tistory.com/352
변수 선언 | 존재범위 | 재선언 | 재할당 |
var | function {} | o | o |
let | {} | x | o |
const | {} | x | x |
변수 존재범위
존재범위: 사용할 수 있는 곳
function 함수(){
var 이름 = 'Kim';
console.log(이름);
}
지금 var 로 선언된 '이름' 변수는
함수() 에서 선언되었고
var '이름' 은 지금 함수() 에서만 사용할 수 있다.
var '이름' 의 존재범위는 함수()이다.
var 존재범위: function
function 함수(){
var 종족 = '토끼';
console.log(종족); //가능
}
함수();
console.log(종족);// 앙대
함수 안에서 선언한 var 는 그 안에서만 사용할 수 있다.
밖에서 호출해보면 빨갛게된다.
근데 다른 {} 에서는 잘된다. (for 문이나 if 문같은곳)
if (true){
var 종족 = '토끼';
console.log(종족); //가능
}
console.log(종족);// 가능
let const 존재범위: {}
var 는 엄청 자유도가 높은 애라고 했져
var 가 안되는거면 진짜 안되는거임..
var 가 안되는거는 let 이랑 const 도 안됨
그래서 function 밖에서는 let 이랑 const 도 당연히 사용할 수 없당
function 함수(){
let 종족 = '토끼';
console.log(종족); //가능
}
함수();
console.log(종족);// 앙대
그리고 let 이랑 const 는 {} 밖을 벗어냐면 그냥안된다
그냥 {} 을 벗어나면 안됨...
if (true){
let 종족 = '토끼';
console.log(종족); // 앙대
}
console.log(종족);
반응형
'컴퓨터 > Front' 카테고리의 다른 글
[JavaScript] 얕은복사, 깊은복사 Shallow Copy, Deep Copy_ 배열, object 복사하기(... Spread Operator, Json parse, stringify) (0) | 2022.08.06 |
---|---|
[JavaScript] 호이스팅! hoisting 간단 뜻(면접준비용 깊은 원리는ㄴ🙄) (0) | 2022.08.03 |
[JavaScript] 변수 선언 let const 가 나온 이유, var let const 의 차이 (1) (0) | 2022.08.01 |
[JavaScript] arrow function 뜻, 특징, 기존 function 과 차이점 (this 차이) (0) | 2022.07.31 |
[JavaScript] 함수, function 뜻, 사용하는 이유 (0) | 2022.07.30 |
댓글