JavaScript의 객체, 공용 멤버, 전용 멤버 등 기본 개념의 예 요약

伊谢尔伦
풀어 주다: 2017-07-27 11:00:06
원래의
2062명이 탐색했습니다.

JavaScript는 객체를 기반으로 구축되었습니다. 배열도 객체이고, 함수도 객체이고, 객체도 물론 객체입니다. 그럼 객체란 무엇인가? 객체는 이름-값 쌍의 모음입니다. 이름은 문자열이지만 값은 문자열, 숫자, 부울 또는 객체(배열 및 함수 포함)일 수 있습니다. 객체는 일반적으로 값을 빠르게 검색할 수 있도록 해시 테이블을 사용하여 구현됩니다.

값이 함수인 경우 이를 "메서드"로 처리할 수 있습니다. 개체의 메서드가 실행되면 변수 this가 개체 자체로 설정됩니다. 이런 방식으로 메서드는 this 변수를 통해 개체의 인스턴스에 액세스할 수 있습니다.

객체는 "생성자"를 통해 생성할 수 있습니다. 생성자는 초기화된 객체를 보유하는 함수입니다. 생성자는 정적 변수 및 메서드를 포함하여 다른 언어의 "클래스"가 제공하는 것과 유사한 기능을 제공합니다.

Public

객체의 모든 구성원은 공개 구성원입니다. 모든 기능은 이러한 구성원에 액세스, 수정 또는 삭제할 수 있으며 물론 새 구성원을 추가할 수도 있습니다. 객체에 멤버를 추가하는 두 가지 주요 방법이 있습니다:

생성자를 통해

이 방법은 일반적으로 객체 인스턴스의 공용 변수를 초기화하는 데 사용됩니다. 생성자의 this 변수는 개체에 멤버를 추가하는 데 사용됩니다.

function Container(param) {
  this.member = param;
}
로그인 후 복사

새 개체 생성:

var myContainer = new Container('abc');
로그인 후 복사

그런 다음 공용 변수 myContainer.member의 값은 'abc'입니다.

프로토타입별

이 메서드는 일반적으로 공개 메서드를 추가하는 데 사용됩니다. 객체 자체에서 멤버를 검색했지만 찾을 수 없는 경우 생성자의 프로토타입 멤버가 사용됩니다. 이 프로토타입 메커니즘은 객체 지향의 소위 "상속"을 구현하고 메모리도 절약합니다. 동일한 생성자에서 생성된 모든 개체에 메서드를 추가하려면 생성자의 프로토타입에 함수를 추가하기만 하면 됩니다.

Container.prototype.stamp = function (string) {
  return this.member + string;
}
로그인 후 복사

그런 다음 이 메서드를 호출할 수 있습니다.

myContainer.stamp('def')
로그인 후 복사

'abcdef'를 반환합니다.

Private

Private 멤버는 생성자에 의해 생성됩니다. 일반적으로 생성자에서 var로 선언된 변수와 함수 매개변수는 전용 멤버가 됩니다.

function Container(param) {
  this.member = param;
  var secret = 3;
  var self = this;
}
로그인 후 복사

이 생성자는 param, secret 및 self라는 세 가지 전용 인스턴스 변수를 생성합니다.

function Container(param) {
  function dec() {
   if (secret > 0) {
     secret -= 1;
     return true;
   } else {
     return false;
   }
  }

  this.member = param;
  var secret = 3;
  var self = this;
}
로그인 후 복사

개인 메소드 dec는 인스턴스 변수 secret을 확인하여 0보다 크면 1만큼 감소하고 0보다 작으면 false를 반환합니다. 이는 이 빌더가 생성한 객체의 dec 함수를 세 번만 사용할 수 있는 기능을 달성합니다.

관례에 따라 개인 변수 self를 만듭니다. 개인 메소드는 객체 자체에 액세스할 수 있습니다. 그러나 이것은 임시방편일 뿐입니다. "ECMAScript 언어 사양"에는 내부 함수의 this 변수가 잘못된 값으로 설정되는 버그가 있기 때문입니다.

Privilege

권한 있는 메서드는 생성자 내부에서 이를 통해 생성됩니다.

function Container(param) {
  function dec() {
   if (secret > 0) {
     secret -= 1;
     return true;
   } else {
     return false;
   }
  }

  this.member = param;
  var secret = 3;
  var self = this;

  this.service = function () {
   if (dec()) {
     return self.member;
   } else {
     return null;
   }
  };
}
로그인 후 복사

서비스는 특권적인 방법입니다. myContainer.service()에 대한 처음 세 번의 호출은 'abc'를 반환하고 그 이후에는 null을 반환합니다. 서비스는 개인 메소드 dec를 호출하여 개인 변수 secret에 액세스합니다. 다른 개체 및 메서드의 경우 서비스에 액세스할 수 있지만 전용 멤버에는 직접 액세스할 수 없습니다.

클로저

이 공개, 비공개 및 권한 있는 멤버 패턴은 JavaScript의 고유 메커니즘인 클로저로 인해 존재합니다. 이는 외부 함수가 반환된 경우에도 내부 함수가 항상 외부 함수의 변수 및 매개 변수에 액세스할 수 있음을 의미합니다. 이는 JavaScript 언어의 매우 강력한 기능입니다. 현재 JavaScript 프로그래밍을 활용하는 방법을 보여주는 책은 없으며 언급조차 하지 않습니다.

Private 및 Privileged 멤버는 개체가 초기화될 때만 생성될 수 있지만 Public 멤버는 언제든지 추가할 수 있습니다.

Mode

Public
function Constructor(...) {
  this.membername = value;
}
Constructor.prototype.membername = value;
로그인 후 복사
Private
function Constructor(...) {
  var self = this;
  var membername = value;
  function membername(...) {...}
}
로그인 후 복사

참고: 이 코드:

function membername(...) {...}
로그인 후 복사

는 실제로 다음 코드

var membername = function membername(...) {...};
로그인 후 복사
Privilege
function Constructor(...) {
  this.membername = function (...) {...};
}
로그인 후 복사
의 약어입니다.

위 내용은 JavaScript의 객체, 공용 멤버, 전용 멤버 등 기본 개념의 예 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿