JavaScript 객체지향(미니멀리스트 접근 방식)_js 객체지향-JS 튜토리얼-php.cn

JavaScript 객체지향(미니멀리스트 접근 방식)_js 객체지향

WBOY

풀어 주다： 2016-05-16 17:51:43

원래의

1277명이 탐색했습니다.

미니멀리스트 접근 방식
네덜란드 프로그래머 Gabor de Mooij는 Object.create()보다 나은 새로운 방법을 제안했습니다. 그는 이 방법을 "미니멀리스트 접근 방식"이라고 불렀습니다. 제가 추천하는 방법이기도 합니다.
　3.1 Encapsulation
　이 방법은 이것과 프로토타입을 사용하지 않고, 코드 전개도 매우 간단해서 "미니멀리스트 방법"이라고 불리는 것 같습니다.
우선 "클래스"를 시뮬레이션하기 위해 객체를 사용하기도 합니다. 이 클래스에서 생성자 createNew()를 정의하여 인스턴스를 생성합니다.

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

 
var Cat = { 
createNew: function () { 
// 여기에 일부 코드 
} 
} 

　 그런 다음 createNew()에서 인스턴스 객체를 정의하고 이 인스턴스 객체를 반환 값으로 사용합니다. .

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

 
var Cat = { 
createNew: function () { 
var cat = {}; 
cat.name = "큰 고양이"; 
cat.makeSound = function (){ 경고 ("야옹야옹") 
return cat; 
} 
}; 

사용 시 createNew() 메소드를 호출하여 인스턴스 객체를 가져옵니다.

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

 
var cat1 = Cat.createNew(); 
 cat1.makeSound (); // Meow Meow Meow 

이 방법의 장점은 이해하기 쉽고, 명확하고 우아한 구조를 가지며, 전통적인 "객체"에 부합한다는 것입니다. 프로그래밍 지향' 구조로 되어 있어 쉽게 배포할 수 있습니다. 아래 특징이 있습니다.
　3.2 상속
　 한 클래스가 다른 클래스를 상속받도록 하는 것은 매우 편리합니다. 전자의 createNew() 메소드에서 후자의 createNew() 메소드를 호출하면 됩니다.
먼저 Animal 클래스를 정의합니다.

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

 
var Animal = { 
createNew: function () { 
var 동물 = {}; 
animal.sleep = function (){ 경고 ("잠들기") } 
return 동물; 🎜>
 
 그런 다음 Cat의 createNew() 메서드에서 Animal의 createNew() 메서드를 호출합니다. 

코드 복사 코드는 다음과 같습니다. var Cat = {

createNew: function () {

var cat = Animal.createNew (); 
cat.name = "큰소리"; 
cat.makeSound = function (){ 경고 ("야옹"); >return cat; 
} 
}; 

 
　 이렇게 얻은 Cat 인스턴스는 Cat 클래스와 Animal 클래스를 모두 상속받습니다. 

코드 복사

코드는 다음과 같습니다. var cat1 = Cat.createNew(); cat1.sleep(); // Sleeping in

　
3.3 Private 속성과 Private 메소드

createNew() 메소드에서는 cat 객체에 정의되어 있지 않습니다. 메서드와 속성은 비공개입니다.

코드 복사

코드는 다음과 같습니다. var Cat = { createNew: function () {

var cat = {};

var sound = "야옹야옹"; 
cat.makeSound = function(){ 경고(소리) }; >} 
}; 

 
 위 예제의 내부 변수 sound는 외부에서 읽을 수 없으며 cat의 공용 메소드 makeSound()를 통해서만 읽을 수 있습니다. 

코드 복사

코드는 다음과 같습니다. var cat1 = Cat.createNew(); Alert (cat1.sound); // 정의되지 않음

3.4 데이터 공유

　 때로는 읽고 쓸 수 있는 모든 인스턴스 개체가 필요합니다. 동일한 내부 데이터. 이때 내부 데이터를 클래스 객체 내부와 createNew() 메소드 외부에 캡슐화하면 됩니다. 

코드 복사

코드는 다음과 같습니다.

 
var Cat = { 
sound : "야옹야옹", 
createNew: function(){ 
var cat = {} 
cat.makeSound = function(){ 경고 (Cat.sound) }; 
cat.changeSound = function (x)
return cat 

 
　 그런 다음 두 개의 인스턴스 객체를 생성합니다. 

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

var cat1 = Cat.createNew();

var cat2 = Cat.createNew(); 
cat1.makeSound() //야옹야옹

 
 인스턴스 객체가 있는데, 공유 데이터가 수정되면 다른 인스턴스 객체도 영향을 받습니다. 

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

cat2.changeSound("La La La" );

cat1.makeSound() // 라라라