반응형
Notice
Recent Posts
Recent Comments
Link
250x250
«   2025/05   »
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
Archives
Today
Total
관리 메뉴

동글이의 STORY

네임스페이스 패턴 본문

Javascript/자바스크립트 패턴

네임스페이스 패턴

dongling 2024. 7. 3. 21:54
728x90
반응형
SMALL

🔶 네임스페이스 패턴(NameSpace pattern)

  • 변수 이름이 겹치는 상황을 보완하기 위해 사용됨
  • 이름들을 한곳에 모아 충돌 방지
  • 네임스페이스 패턴은 애플리케이션 또는 라이브러리를 위한 하나의 전역객체를 생성 후 그 안에 필요한 모든 기능을 프로퍼티로 정의하는 것

장점

  1. 변수명 중복 방지
  2. 신뢰도 증가

🔹 예시 코드

//전역 객체 하나 생성
var globVariable = {};
 
//객체의 프로퍼티로 추가
globVariable.num = 1;
 
//함수도 추가
globVariable.increaseNum = function(){
	console.log('increase!');
}
 
globVariable.decreaseNum = function(){
	console.log('decrease!')
}
  • ES6 이후, let,const가 등장하면서 단점들을 보완하게 되었다. (네임스페이스와 유사한 장점)
728x90
반응형
LIST

'Javascript > 자바스크립트 패턴' 카테고리의 다른 글

장식자 패턴  (0) 2024.07.03
샌드박스 패턴  (0) 2024.07.03
팩토리 패턴  (0) 2024.07.03
싱글톤 패턴  (0) 2024.07.03
메모이제이션 패턴  (1) 2024.07.03