JSFiddle - React, Tailwind, and code Playground
JavaScript
var a = 1;
var b = 2;
var c = 3;
var d = 4; // d는 전역에만 존재
function test() {
// 선언부 - 변수
var a = 10;
var b = 20;
var e = 50; // e는 함수 안에만 존재
// 선언부 - 함수
function inner() {
console.log('--- local(inner) --');
console.log(`a: ${a}`);
console.log(`b: ${b}`);
console.log(`c: ${c}`);
console.log(`d: ${d}`);
console.log(`e: ${e}`);
}
// 실행부
console.log('--- local(test) --');
console.log(`a: ${a}`);
console.log(`b: ${b}`);
console.log(`c: ${c}`);
console.log(`d: ${d}`);
console.log(`e: ${e}`);
inner();
}
test();
console.log('--- global --');
console.log(`a: ${a}`);
console.log(`b: ${b}`);
console.log(`c: ${c}`);
console.log(`d: ${d}`);
// 여기서 에러
console.log(`e: ${e}`);