JavaScript_javascript 팁에서 네임스페이스 구현

참고: 오랫동안 글을 쓰지 않았습니다. 오늘은 회사 인트라넷에 쓴 글을 복사해서 웹 개발로 전환해서 자바스크립트를 배우기 시작했습니다!

네임스페이스를 도입하기 전에는 함수 이름/클래스 이름이 다른 이름과 충돌하는 것을 방지하는 방법이 개발자의 고민이었습니다. 회사 내에서 프로젝트 팀은 이름 지정(예: 접두사 추가 등)을 통해 예약할 수 있었습니다. 이 문제를 해결하기 위해서는 소프트웨어 개발 분야 전체를 살펴보면, 협업 개발이 보편화된 오늘날의 시대에도 이 문제는 여전히 존재합니다. 여러 타사 프레임워크나 라이브러리를 사용할 때 할 수 있는 유일한 일은 이름이 충돌하지 않도록 기도하는 것입니다. 실제로 그러한 재난이 발생하면 그 중 하나를 포기하는 것뿐입니다. 무식해요) ,헤헤). 물론 네임스페이스의 도입으로 이 문제가 상당 부분 해결되었습니다. 물론 사용하는 네임스페이스가 아쉽게도 다른 회사의 네임스페이스와 동일하고 상대 회사가 Microsoft, SUN 등이라면 축하드립니다. 하하@_@ !

웹 개발을 할 때 JavaScript에 노출되는 것은 불가피합니다. 최신 버전의 JavaScript는 아직 네임스페이스를 지원하지 않기 때문에 두 개의 js 파일을 참조했다고 가정해 보겠습니다. 하지만 그 중 하나는 추가 코드를 많이 작성해야 한다는 점에서 의심할 여지 없이 매우 실망스럽습니다. 새 버전의 JavaScript가 네임스페이스 개념을 도입하기 전에 자립과 창의성의 정신을 이어가는 것은 우리 프로그래머의 기본 의무입니다.-)

구현 전제 조건: 다음과 같은 언어와는 달리 Delphi 및 C#, JavaScript의 클래스는 객체가 아닙니다. 정의, 실제로 JavaScript에는 실제 클래스가 없습니다. 여기서 클래스는 실제로 함수 시뮬레이션을 사용하여 구현되며 JavaScript의 함수는 실제로 객체이므로 JavaScript에서 클래스는 물체. 이는 기존 개념과 매우 다릅니다. JavaScript에서 클래스의 인스턴스를 생성하는 것은 실제로 클래스(=객체, 기억)의 복사본을 만드는 것입니다. 이를 보면 디자인 패턴의 일부 개념을 볼 수 있을 것입니다. JavaScript에서는 클래스 메커니즘이 프로토타입 패턴을 사용합니다.

구현원리: 이제 클래스의 본질이 명확해졌으니 문제는 간단하다. GEA 프로젝트 팀의 모든 JS 클래스와 기능을 GEA라는 객체에 속성으로 배치하고, GEA 개체는 Grandsoft라는 개체에 배치하여 목적을 달성할 수 있습니다. 예를 들어 Grandsoft.GEA.Person은 실제로 Grandsoft 개체(또한 개체)의 GEA 속성에 있는 Person 클래스(여전히 개체)입니다.

구현은 매우 간단합니다. 전체 네임스페이스 메커니즘의 구현은 코드 20줄을 초과하지 않습니다. 분석은 다음과 같습니다.

// 네임스페이스를 등록하려면 전역 개체 네임스페이스를 선언합니다.

코드 복사 코드는 다음과 같습니다.

Namespace = new Object();

// 전역 객체에는 등록 기능만 있고 매개변수는 "Grandsoft.GEA"
Namespace와 같은 네임스페이스의 전체 경로입니다. Register = function(fullNS)
{
// 네임스페이스를 Grandsoft, GEA 등 N 부분으로 나눕니다.
var nsArray = fullNS.split('.')
var sEval = "";
var sNS = "";
for (var i = 0; i < nsArray.length; i )
{
if (i != 0) sNS = ". ";
sNS = nsArray[ i];
// 네임스페이스 객체(존재하지 않는 경우)를 순서대로 구성하는 명령문을 생성합니다.
// 예를 들어 먼저 Grandsoft를 생성한 다음 Grandsoft.GEA를 생성합니다. , 그리고 순서대로 계속
sEval = "if (typeof( " sNS ") == 'undefine') " sNS " = new Object();"
}  
if (sEval != "") eval(sEval); JavaScript에서 시뮬레이션된 네임스페이스 메커니즘의 전체 구현은 다음과 같이 사용됩니다:


// 네임스페이스 Grandsoft.GEA, Grandsoft.GCM
Namespace.register("Grandsoft. GEA");
Namespace.register("Grandsoft.GCM");

// Grandsoft.GEA 네임스페이스에 Person 클래스 선언
Grandsoft.GEA.Person = 함수(이름, 나이)
{
this.name = name;
this.age = age
}

// Person 클래스에 show() 공개 메소드 추가
Grandsoft.GEA .Person.prototype .show = function()
{
Alert(this.name "은 " this.age " 세입니다!")
}

// 방법 시연 use class Person
var p = new Grandsoft.GEA.Person("yanglf", 25);
p.show()
하하, 간단합니다. 코드는 직접 보시면 됩니다. 사실 좀 게으른 편입니다. 하하@_@!!!