JavaScript 모듈 패턴의 private 함수 내에서 public 함수를 호출하는 방법

Question

JavaScript 모듈 패턴에서 private 함수 내에서 공용 함수를 호출하려면 어떻게해야합니까? 이 질문은 각각 다른 허용 대답, twicebefore을 요구하고있다

var myModule = (function() { 
    var private1 = function(){ 
     // How to call public1() here? 
     // this.public1() won't work 
    } 

    return { 
     public1: function(){ /* do something */} 
    } 
})(); 

다음 코드 예를 들어

,.

1. 반환 개체를 반환하기 전에 참조를 저장 한 다음 해당 참조를 사용하여 공용 메서드에 액세스하십시오. answer을 참조하십시오.
2. 클로저에 public 메소드에 대한 참조를 저장하고이를 사용하여 public 메소드에 액세스하십시오. answer을 참조하십시오.

이러한 솔루션은 작동하지만 OOP 관점에서는 만족스럽지 않습니다. 제가 의미하는 바를 설명하기 위해,이 솔루션들 각각에 눈사람의 구체적인 구현을 가져와 간단한 객체 리터럴과 비교해 봅시다.

눈사람 1 : 객체를 반환하는 참조를 저장

var snowman1 = (function(){ 
    var _sayHello = function(){ 
    console.log("Hello, my name is " + public.name()); 
    }; 

    var public = { 
    name: function(){ return "Olaf"}, 
    greet: function(){ 
     _sayHello(); 
    } 
    }; 
    return public; 
})() 

눈사람 2 :

var snowman2 = (function(){ 
    var _sayHello = function(){ 
    console.log("Hello, my name is " + name()); 
    }; 
    var name = function(){ return "Olaf"}; 

    var public = { 
    name: name, 
    greet: function(){ 
     _sayHello(); 
    } 
    }; 
    return public; 
})() 

은 눈사람 3 공공 기능에 대한 참조를 저장 : 객체 리터럴 우리는 것을 알 수 있습니다

var snowman3 = { 
    name: function(){ return "Olaf"}, 
    greet: function(){ 
     console.log("Hello, my name is " + this.name()); 
    } 
} 

3 개는 기능면에서 동일하고 완전히 동일한 공개 방법을 사용합니다.

우리는 간단한 최우선의 검사를 실행할 경우

그러나

var snowman = // snowman1, snowman2, or snowman3 
snowman.name = function(){ return "Frosty";} 
snowman.greet(); // Expecting "Hello, my name is Frosty" 
       // but snowman2 says "Hello, my name is Olaf" 

우리는 # 2 실패를 참조하십시오.

우리는 프로토 타입 최우선의 검사를 실행할 경우

,

var snowman = {}; 
snowman.__proto__ = // snowman1, snowman2, or snowman3 
snowman.name = function(){ return "Frosty";} 
snowman.greet(); // Expecting "Hello, my name is Frosty" 
       // but #1 and #2 both reply "Hello, my name is Olaf" 

우리는 모두 # 1과 # 2는 실패 것을 알 수있다.

이것은 정말보기 흉한 상황입니다. 한 가지 방법으로 내 코드를 리팩터링하기로 결정했기 때문에 반환 된 객체의 사용자는 내 객체의 메서드를 재정의하고 작동 할 것으로 기대 하는지를 파악하기 위해 모든 것을 구현 한 방법을주의 깊게 살펴야합니다. ! 여기서 의견이 다르긴하지만 올바른 오버라이드 동작은 단순 개체 리터럴의 문제라고 생각합니다.

대한 객체 리터럴처럼 결과 객체의 역할이 동작을 재정의 할 수 있도록 개인 하나에서 공용 메서드를 호출 할 수있는 방법이 있나요 :

그래서,이 진짜 질문은?

Answer 1

this을 사용하여 권한이 부여 된 방법 greet이 호출 된 개체를 가져올 수 있습니다.

그런 다음 해당 값을 개인 방법 _sayHello에 전달할 수 있습니다. , callapply를 사용하거나 인수로 : 지금

var snowman4 = (function() { 
    var _sayHello = function() { 
     console.log("Hello, my name is " + this.name); 
    }; 
    return { 
     name: "Olaf", 
     greet: function() { 
      _sayHello.call(this); 
     } 
    }; 
})(); 

당신은 모듈 패턴으로도

var snowman = Object.create(snowman4); 
snowman.greet(); // "Hello, my name is Olaf" 
snowman.name = "Frosty"; 
snowman.greet(); // "Hello, my name is Frosty" 

그리고

snowman4.greet(); // "Hello, my name is Olaf" 
snowman4.name = "Frosty"; 
snowman4.greet(); // "Hello, my name is Frosty" 

Answer 2

을 수행 할 수 있습니다, 당신은 객체의 innates의를 숨기 지역 변수/함수 및 일반적으로은 공용 함수의 함수를 사용합니다. 모듈 패턴을 사용하여 새 객체를 만들 때마다 자신의 범위가 지정된 상태로 새 기능 세트가 만들어집니다.

프로토 타입 패턴을 사용하면 일부 유형의 모든 객체에 대해 동일한 메소드 세트를 사용할 수 있습니다. 이 메소드의 변경 사항은 this 객체입니다. 즉, 해당 상태입니다. 그러나 this은 절대로 숨겨지지 않습니다.

말할 필요도없이, 그것들을 혼합하는 것은 어렵습니다. 한 가지 가능한 방법은 비공개가 사용하는 메소드를 Object.create으로 모듈의 결과 객체의 프로토 타입으로 추출하는 것입니다. 예를 들면 다음과 같습니다.

var guardian = function() { 
    var proto = { 
     greet: function() { 
      console.log('I am ' + this.name()); 
     }, 
     name: function() { 
      return 'Groot'; 
     } 
    }; 
    var public = Object.create(proto); 
    public.argue = function() { 
     privateGreeting(); 
    }; 

    var privateGreeting = public.greet.bind(public); 
    return public; 
}; 

var guardian1 = guardian(); 
guardian1.argue(); // I am Groot 
var guardian2 = guardian(); 
guardian2.name = function() { 
    return 'Rocket'; 
}; 
guardian2.argue(); // I am Rocket 
var guardian3 = guardian(); 
guardian3.__proto__.name = function() { 
    return 'Star-Lord'; 
}; 
guardian3.argue(); // I am Star-Lord