javascript 객체지향 데이터 encapsulation_js 객체지향에 대한 새로운 이해

오늘은 주로 JavaScript 스크립트에서 데이터 캡슐화를 구현하는 방법에 대해 논의합니다.
데이터 캡슐화는 단순히 호출자에게 표시하고 싶지 않은 콘텐츠를 숨기는 것을 의미합니다. 이는 객체 지향 프로그래밍의 세 가지 요소 중 첫 번째 요소이며 나머지 두 가지는 상속과 다형성입니다.
데이터 캡슐화 구현은 C, Java, C# 및 기타 언어에서 public, private, static 등의 키워드를 통해 구현됩니다. JavaScript에서는 완전히 다른 형식을 취합니다. 특정 형태의 데이터 캡슐화를 구체적으로 구현하는 방법을 논의하기 전에 먼저 잘 알려져 있지만 쉽게 간과되는 몇 가지 간단한 JavaScript 개념에 대해 이야기해 보겠습니다.
1 몇 가지 기본 개념
1.1 변수 정의
자바스크립트 언어에서 변수는 var 키워드를 통해 정의됩니다.
그러나 var를 사용하여 정의되지 않은 변수에 직접 값을 할당하면 이 변수는 전역 변수가 됩니다.
일반적으로 var로 정의되지 않은 변수의 사용은 피해야 합니다. 주된 이유는 전역 변수에 대한 액세스가 로컬 변수에 비해 훨씬 느리기 때문에 프로그램의 실행 효율성에 영향을 미치기 때문입니다.
그러나 이 사용법을 사용하면 변수가 전역 변수여야 함을 보장할 수 있습니다.
그리고 속도를 보장하기 위해 전역 변수를 사용할 때 var를 통해 지역 변수를 정의한 후 여기에 전역 변수를 할당함으로써 전역 변수의 로컬 참조를 얻을 수 있습니다.
1.2 변수 유형
정의되지 않은 변수는 정의되지 않은 유형을 갖습니다.
변수의 값은 함수일 수 있습니다.
함수는 JavaScript에서 클래스 역할을 할 수 있습니다.
1.3 변수 범위
변수 범위란 변수 수명주기의 유효 범위를 말합니다.
단순히 { }로 생성된 블록은 범위를 생성할 수 없습니다.
with는 현재 범위 체인에 포함된 개체의 범위를 추가하지만 새 범위를 생성하지는 않습니다. with 블록이 끝나면 개체 범위가 현재 범위 체인에서 제거됩니다.
try-catch에서 catch의 오류 개체는 catch 블록에서만 유효하지만 catch 블록에 정의된 변수는 현재 범위에 속합니다.
if, for, for-in, while, do-while, switch 등과 같은 다른 제어문으로 생성된 블록은 범위를 생성할 수 없습니다.
함수로 생성된 함수는 새로운 범위를 생성하여 현재 범위에 추가합니다.
2 Encapsulation
구체적인 Encapsulation에 대해 논의해 보겠습니다. 먼저 가장 친숙한 캡슐화인 프라이빗 인스턴스 멤버, 퍼블릭 인스턴스 멤버, 퍼블릭 정적 멤버에 대해 이야기해 보겠습니다. 마지막으로 누구에게나 생소한 private static 멤버와 static 클래스의 캡슐화 방법에 대해 논의하겠습니다. 아래에서 논의할 내용은 객체지향 프로그래밍이므로, 함수를 클래스로 정의하여 사용할 때는 임시로 클래스라고 부르도록 하겠습니다.
2.1 프라이빗 인스턴스 멤버
JavaScript의 프라이빗 인스턴스 멤버는 실제로 클래스의 프라이빗 인스턴스 멤버와 동일한 함수 내 지역 변수를 사용하여 구현할 수 있습니다. 예:

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

class1 = function() {
/ / 비공개 필드
var m_first = 1;
var m_second = 2; // 비공개 메소드
function method1() {
alert(m_first);
var method2 = function() {
alert(m_second);
// 생성자
{
method1()
method2();
}
var o = new class1();
// error
alert(o.m_first)
o.method1();
여기서 m_first와 m_second는 class1의 두 개의 프라이빗 인스턴스 필드이고, method1과 method2는 두 개의 프라이빗 인스턴스 메서드입니다. 이 클래스의 객체 내부에서만 사용할 수 있으며 객체 외부에서는 사용할 수 없습니다.
여기서 프라이빗 메소드를 생성하는 방법에는 두 가지가 있습니다. 하나는 클래스에서 직접 메소드를 정의하는 것이고, 다른 하나는 먼저 지역 변수(프라이빗 인스턴스 필드)를 정의한 다음 익명 메소드를 정의하는 것입니다. 그것에 값을 할당합니다.
클래스에서 직접 메소드를 정의하는 경우 메소드의 범위는 이 클래스이므로 이 메소드는 이 클래스 외부에서 액세스할 수 없으며 클래스의 모든 비공개 인스턴스 필드에 액세스할 수 있습니다. 인스턴스 메소드.
프라이빗 인스턴스 메서드를 만드는 두 번째 방법은 첫 번째 방법과 효과는 동일하지만 두 번째 방법이 더 유연합니다.
또한 class1의 생성자 코드가 { }로 묶여 있다는 점에 주목해야 합니다. 비록 이것이 필요하지는 않지만 코드가 더 명확해 보입니다.
이 생성자 코드에 대해 설명해야 할 두 가지 사항이 있습니다.
1. 생성자 코드는 전체 클래스 정의의 끝에 배치되어야 합니다. 한정된. 자바스크립트는 해석형 언어이기 때문에 위에서 아래로 순서대로 실행되므로 생성자 코드가 다른 메서드 정의 앞에 배치되면 호출하는 문이 실행될 때 호출할 메서드를 찾을 수 없습니다. 잘못되었습니다.
2. { }에 의해 생성된 블록은 범위를 변경하지 않는다는 것을 이미 알고 있으므로 이러한 생성자 코드에서 지역 변수를 생성하면 실제로 전체 클래스에 비공개 인스턴스 멤버가 생성되므로 로컬 변수의 경우 프라이빗 인스턴스 메서드를 정의해야 합니다. 예를 들어 constructor()의 프라이빗 인스턴스 메서드에서 로컬 변수와 원본에서 실행할 코드를 정의합니다. } 생성자를 만든 다음 클래스 끝에서 직접 호출하면 됩니다. 따라서 더 나은 작성 방법은 다음과 같습니다.

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

class1 = function () {
// 프라이빗 필드
var m_first = 1;
var m_second = 2
// 프라이빗 메서드
function constructor() {
method1();
method2();
}
function method1() {
alert(m_first)
}
var method2 = function() {
alert( m_second);
}
constructor();
}
var o = new class1()
// error
alert(o.m_first); method1();

마지막으로 class1 정의에 var를 사용하지 않는다는 것을 알 수 있습니다. 이 방법을 사용하면 이 클래스가 전역 클래스임을 확인할 수 있습니다.
2.2 퍼블릭 인스턴스 멤버
퍼블릭 인스턴스 멤버는 두 가지 방법으로 생성할 수 있습니다. 먼저 다음 예를 살펴보겠습니다.

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

class2 = function() {
// private fields
var m_first = 1
var m_second = 2; >/ / 비공개 메소드
function method1() {
alert(m_first);
}
var method2 = function() {
alert(m_second)
// 공개 필드
this.first = "first";
this.second = ['s','e','c','o','n','d']; >
// 공개 메소드
this.method1 = method2;

this.method2 = function() {
alert(this.second)
}
// constructor
{
method1();
method2();
}
}
// public method
class1.prototype.method3 = function() {
경고( this.first)

var o = new class2()

o.method1()
o.method2(); .method3 ();
경고(o.first)


이 예제는 class1 예제에 몇 가지 추가 사항이 있음을 발견했습니다. 퍼블릭 인스턴스 필드와 퍼블릭 인스턴스 메소드가 여기에 추가되며, 우리는 이를 퍼블릭 인스턴스 멤버라고 부릅니다.
공개 인스턴스 멤버를 생성하는 것이 실제로 매우 간단하다는 것을 알았어야 했습니다. 한 가지 방법은 클래스의 this.memberName에 값을 할당하는 것입니다. 값이 함수가 아닌 경우 공개 인스턴스 필드입니다. 값이 함수 유형인 경우 이는 공용 인스턴스 메소드입니다. 또 다른 방법은 className.prototype.memberName에 값을 할당하는 것입니다. 할당 가능한 유형은 this.memberName과 동일합니다.
이 방법으로 정의해야 할까요, 아니면 프로토타입 방법으로 정의해야 할까요?
사실 각각의 용도가 있고 둘 사이의 관계는 어느 쪽이 더 낫다는 것이 아닙니다. 어떤 경우에는 공개 인스턴스 멤버를 특정 방식으로만 정의할 수 있고 다른 방식으로는 정의할 수 없습니다. 그 이유는 실제로 다르기 때문입니다:
1. 프로토타입 메소드는 클래스 외부에서만 정의되어야 합니다. 이 메서드는 클래스에서만 정의할 수 있습니다.
2. 클래스에 프로토타입 메서드가 정의되어 있는 경우 프라이빗 인스턴스 멤버에 액세스하면 항상 마지막 개체 인스턴스의 프라이빗 인스턴스 멤버에 액세스됩니다.
3. 프로토타입 모드에서 정의된 퍼블릭 인스턴스 멤버는 클래스의 프로토타입에서 생성된 멤버입니다. 이 메서드에 정의된 공용 인스턴스 멤버는 클래스의 인스턴스 개체에 직접 생성된 멤버입니다.
처음 두 가지 차이점을 바탕으로 공개 인스턴스 메서드에서 비공개 인스턴스 멤버에 액세스하려면 이 메서드를 사용하여 정의해야 한다는 결론을 내릴 수 있습니다.
세 번째 차이점에 대해서는 나중에 상속에 대해 논의할 때 좀 더 깊이 분석해 보겠습니다. 여기서 알아야 할 것은 바로 이 차이점입니다.
또한 공개 인스턴스 구성원과 비공개 인스턴스 구성원의 이름이 동일할 수 있음을 확인하게 됩니다.
물론 그렇지 않습니다. 그 이유는 클래스에서 공용 인스턴스 멤버에 액세스할 때 이 접두사를 사용하여 참조해야 하기 때문입니다. 프라이빗 인스턴스 멤버가 클래스에서 액세스되면 이 접두사를 사용하여 액세스할 수 없습니다. 클래스 외부에서 접근할 경우 해당 클래스의 인스턴스 객체를 통해서는 public 멤버만 접근 가능하며, private 멤버는 접근할 수 없습니다.
2.3 공개 정적 멤버
공개 정적 멤버의 정의는 매우 간단합니다. 예를 들면 다음과 같습니다.

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

class3 = function() {
// private fields
var m_first = 1
var m_second = 2;
function method1( ) {
alert(m_first);
}
var method2 = function() {
alert(m_second)
}
// 생성자
{
method1();
method2();
}
}

// 공개 정적 필드
class3.field1 = 1; // 공개 정적 메소드
class3.method1 = function() {
alert(class3.field1)
}

class3.method1()


이 예의 class3은 class1과 매우 유사합니다. 차이점은 class3 외부에서 class3에 대한 정적 필드와 정적 메서드를 정의했다는 것입니다.
정의하는 방법은 className.memberName에 직접 값을 할당하는 것입니다.

여기서 정의한 정적 필드와 정적 메서드는 객체를 생성하지 않고도 클래스 이름 참조를 통해 직접 액세스할 수 있습니다. 따라서 이들은 공개 정적 멤버입니다.
그러나 한 가지 기억해야 할 점은 public static 멤버가 위치한 클래스 내에서 정의하면 안 된다는 것입니다. 그렇지 않으면 예상과 다른 결과를 얻게 됩니다. 다음 예를 볼 수 있습니다.

코드 복사 코드는 다음과 같습니다. class4 = function() {

// 비공개 필드

var m_first = 1;
var m_second = 2

var s_second = 2; 🎜>function method1 () {
alert(m_first);
}
var method2 = function() {
alert(m_second)
}
class4.method1 = function( ) {
s_second;
}
class4.method2 = function() {
alert(s_second);
}
var o1 = new class4(); 🎜>class4.method2(); // 2
class4.method2(); // 3
new class4(); ); // 2
class4.method1();
class4.method2() // 3


이 예에서는 s_second가 비공개 정적 멤버 역할을 할 것으로 예상하지만 출력은 우리가 기대하는 것과 다릅니다. s_second는 실제로 private 정적 멤버가 아니라 class4의 private 인스턴스 멤버라는 것을 알 수 있습니다. class4의 method1 및 method2에서 액세스하는 전용 멤버는 항상 클래스의 마지막 인스턴스 개체에 있는 전용 인스턴스 멤버입니다.
무엇이 문제인가요?
문제는 new class4()를 통해 객체 인스턴스가 생성될 때마다 class4의 모든 문이 다시 실행되므로 s_second가 재설정되어 새 객체에서 private 인스턴스 멤버가 된다는 것입니다. Class4.method1 및 class4.method2도 재정의되었으며 이 정의는 변수 범위를 마지막 개체로 전환합니다. 이는 프로토타입을 통해 생성된 퍼블릭 인스턴스 메소드를 클래스 내부에서 정의할 때 발생하는 오류와 동일합니다.
따라서 자신이 위치한 클래스 내에서 public static 멤버를 정의하지 않도록 주의하세요! 프로토타입 메서드를 통해 생성된 공용 인스턴스 메서드를 클래스 내부에 정의하지 마세요!
비공개 정적 멤버를 어떻게 정의하나요?
2.4 프라이빗 정적 멤버
우리는 함수를 생성하기 위해 함수를 사용해야만 새로운 범위를 생성할 수 있다는 것을 기본 개념에서 이미 이해했습니다(정적 멤버이든 인스턴스 멤버이든 관계 없음). ), 데이터 숨기기 목적을 달성하려면 새로운 범위를 생성해야 합니다. 아래 채택된 방법은 이 점에 기초한 것이다.
비공개 정적 멤버를 구현하려면 익명 함수를 만들어 새 범위를 생성하면 됩니다.
보통 익명 함수를 사용할 때는 이를 변수에 할당한 다음 이 변수를 통해 익명 함수를 참조합니다. 이 경우 익명 함수를 반복적으로 호출하거나 객체를 클래스로 생성할 수 있습니다. 그리고 여기서 우리가 만든 익명 함수는 어떤 변수에도 할당되지 않고 생성된 직후에 실행되거나, 객체로 인스턴스화되어 객체가 어떤 변수에도 할당되지 않습니다. 변환된 객체는 다시 액세스할 수 없으므로 유일한 기능은 새 범위를 만들고 그 안에 있는 모든 지역 변수와 함수를 격리하는 것입니다. 따라서 이러한 지역 변수와 함수는 우리에게 필요한 전용 정적 멤버가 됩니다. 우리는 이것을 즉시 실행되는 익명 함수 또는 즉시 인스턴스화된 익명 함수를 정적 캡슐화 환경이라고 부릅니다.
먼저 익명 함수를 직접 호출하여 비공개 정적 멤버로 클래스를 생성하는 예를 살펴보겠습니다.

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

class5 = (function() {
// private static fields
var s_first = 1;
var s_second = 2;

// 비공개 정적 메서드
function s_method1() {
s_first ;
}
var s_second = 2

function constructor() {
// 비공개 필드
var m_first = 1;
새로운 JavaScript 객체 지향 훈련(2)
var m_second = 2

// private 메소드
function method1() {
alert( m_first);
var method2 = function() {
alert(m_second);
}

// 공개 필드
this.first = "first";
this.second = ['s','e','c','o','n','d']

// 공개 메소드
this.method1 = function() {
s_second--;
}

this.method2 = function() {
alert(this.second)

/ / 생성자
{
s_method1();
this.method1();
}
}
// 공개 정적 메서드
constructor.method1 = function() {
s_first ;
alert(s_first);
}
constructor.method2 = function() {
alert(s_second);

반환 생성자; )();

var o1 = new class5();
class5.method2()
o1.method2(); = new class5();
class5.method1();
o2.method2()
이 예에서는
(function() {
...
함수 생성자() {
...
}
반환 생성자
})();
정적 캡슐화 환경을 만들기 위해 이 환경에서 실제 클래스가 정의되고, 마지막에 return 문을 통해 최종 클래스가 전역 변수 class5로 반환되고, 이후 class5를 통해 이 밴드를 참조할 수 있습니다. 정적 개인 멤버로.
비공개 정적 멤버와 비공개 인스턴스 멤버를 구별하기 위해 비공개 정적 멤버 앞에 s_ 접두사를 사용하고 비공개 인스턴스 멤버 앞에 m_ 접두사를 사용합니다. 이렇게 하면 비공개 개체가 항상 이름이 중복되는 것을 방지할 수 있습니다. 정적 멤버에서 액세스할 수 있습니다.
그러나 이 명명 방법은 필수는 아니지만 권장됩니다. 전용 정적 멤버는 전용 인스턴스 멤버와 동일한 이름을 가질 수 있습니다. 이름이 중복되는 경우 클래스 생성자 및 인스턴스 메서드에서 액세스할 수 있습니다. 클래스는 전용 인스턴스 멤버이며 정적 메서드(공용 정적 메서드 또는 전용 정적 메서드)에서 액세스되는 모든 항목은 전용 정적 멤버입니다.
클래스 외부와 정적 캡슐화 환경에서 프로토타입을 통해 정의된 공용 인스턴스 메서드는 전용 정적 멤버에 액세스합니다.
정적 캡슐화 환경 외부에서 정의된 공용 정적 메서드와 프로토타입을 통해 정의된 공용 인스턴스 메서드는 전용 정적 멤버에 직접 액세스할 수 없습니다.
익명 함수를 직접 인스턴스화하여 전용 정적 멤버로 클래스를 생성하는 또 다른 방법은 위의 예와 매우 유사합니다.

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

new function() {
// private static fields
var s_first = 1
var s_second = 2; 🎜>// 비공개 정적 메서드
function s_method1() {
s_first ;
}
var s_second = 2

class6 = function() {
// 비공개 fields
var m_first = 1;
var m_second = 2;

// 비공개 메서드
function method1() {
alert(m_first)
var method2 = function() {
alert(m_second);
}

// 공개 필드
this.first = "first"
this.second = ['s ','e','c','o','n','d'];

// 공개 메소드
this.method1 = function() {
s_second-- ;
}

this.method2 = function() {
alert(this.second)
}

// 생성자
{
s_method1 ();
this.method1();
}
}
// 공개 정적 메서드
class6.method1 = function() {
s_first
);
}
class6.method2 = function() {
alert(s_second)
}
}

var o1 = new class6() ; >class6.method1();
class6.method2();
var o2 = new class6();
class6. method2();
o2.method2();


이 예제의 결과는 첫 번째 메서드를 통해 생성된 예제와 동일합니다. 정적 캡슐화 환경은 다음과 같습니다.
new function() {
...
}
여기서 함수에는 반환 값이 없으며 class5의 정의는 다음과 같습니다. 정적 캡슐화 환경은 var로 정의되지 않은 변수에 값을 할당하여 내부적으로 구현됩니다.

물론 함수에 대한 반환 값을 정의하지 않고
(function() {
...
})()
을 사용할 수도 있지만 직접 정적 캡슐화 환경 var로 정의되지 않은 변수에 값을 할당하여 전용 정적 멤버로 클래스 정의를 구현합니다.
여기서 두 가지 방법은 동일합니다.
2.5 정적 클래스
소위 정적 클래스는 인스턴스화할 수 없고 정적 멤버만 포함하는 클래스입니다.
JavaScript에서는 익명 함수 개체를 직접 인스턴스화하여 정적 클래스를 구현할 수 있습니다. 예:




코드 복사

코드는 다음과 같습니다. class7 = new function() { // 비공개 정적 필드 var s_first = 1; var s_second = 2

// 비공개 정적 메서드

function method1() {
alert(s_first); 🎜>}
// 공개 정적 메서드
this.method1 = function() {
method1()
alert(s_second)
}
}
class7. method1();


class7은 실제로 객체이지만 이 객체는 익명 클래스에 속합니다. 이 클래스는 class7 객체가 생성된 후에는 더 이상 사용할 수 없습니다. Class7은 함수가 아니므로 클래스로 인스턴스화할 수 없습니다. 따라서 여기서는 정적 클래스와 동일합니다.