[클린코드 자바스크립트] 전역공간 사용 최소화

 

* 클린코드 자바스크립트 강의를 정리하고자 작성한 게시글입니다.

전역 공간 사용 최소화

• 전역공간 사용은 최소화해서 사용해야 한다.
• 지역변수만 사용하도록 한다.
• window, global 에 접근해서 직접 조작하지 않는다.
• IIFE, module, closure, 스코프를 나누는 방법등을 사용하도록 한다.
• 전역공간
  • window: 브라우저 환경에서 최상위 객체, 웹 API 인터페이스들을 가지고 있음
  • global: node.js 에서 최상위 객체

# 하나의 html에 두개의 자바스크립트 파일을 사용하는 경우 
# 전역공간을 사용하면 서로 다른 파일에서 변수 사용이 겹칠 수 있기 때문에 위험함

# index.js 

var globalVar = 'global';

console.log(globalVar) // global
console.log(window.globalVar) // global

# index2.js

console.log(globalVar); // global

# index.js 

var setTimeout = 'setTimeout'; 

# index2.js

// index.js에서 해당 변수명으로 초기화 하였기 때문에 사용 불가.
window.setTimeout(() => {  // 1초후에 로그를 찍음
	console.log('테스트');   
}, 1000);

const array = [10, 20, 30];

// var index가 window 객체안에 할당되어 버린다. index = 3 
for(var index = 0; index < array.length; index++) { // var index를 let이나 const로 변경하는게 좋다.
	const elemet = array[index];
}