javascript:the good parts_javascript 팁에서 발췌한 기능적 상속 패턴

that .getName = function() {
return cfg.name || '알 수 없는 이름'
}// 성별 기본 남성
that.getGender = function() {
return cfg .gender || '남성'
return that
}
var 프로그래머 = function(cfg),
share = {};
share.status = 'normal';
that.getFamiliarLanguage = function() {
return (cfg.langs || []).join(' ');
} ;
that.getProfile = function() {
return '안녕하세요. 내 이름은 that.getName()입니다.
}
that.getStatus = function() {
return share .status;
that.setStatus = function(status) {
share.status =
}; 🎜>var me = 프로그래머({
이름: 'AndyZhang',
성별: '남성',
// 익숙한 언어 ​​
langs: ['javascript', 'java', ' php']
});
console.debug(me.getFamiliarLanguage());
console.debug(me.getProfile())
me.setStatus('아 정말 바쁘네요.. ');
console.debug(me.getStatus());


코드에서 볼 수 있듯이 프로그래머 메소드를 호출할 때 new를 사용하지 않으며 this
this.name = cfg.name과 같은 속성 할당 코드가 있는 경우 new를 사용하여 호출하면(생성자 호출 메서드) 생성된 객체의 name 속성이 더 이상 표시되지 않습니다. 예:




코드 복사

alert(person1.name) // 'Andrew'
alert(person1.gender) // 'male'


위의 예에서 person1의 속성에 직접 액세스할 수 있음을 알 수 있지만 때로는 이를 나타내기 위해 코드 사양이나 규칙을 사용합니다. 우리가 정의하는 특정 속성은 비공개입니다. 예를 들어 this._name은 이름을 나타내기 위해 이런 방식으로 작성됩니다. 속성은 비공개입니다. 개인적으로는 타사 js 라이브러리에서 이것이 통합되는 한 좋은 방법이라고 생각합니다. , 이 메소드는 YUI2
와 같이 더 자주 사용될 수 있습니다. 초기 코드를 계속 살펴보면 이것이 사용되지 않지만 프로그래머 메소드에서 person을 호출한 후 그 역할을 볼 수 있습니다. , 그 사람이 가지고 있는 getName 및 getGender 메소드를 반환합니다. 그런 다음 프로그래머의 특정 요구 사항을 기반으로 확장합니다. 물론 프로그래머의 공유 메소드를 덮어쓸 수도 있습니다. 일부 개인 변수 및 메소드를 중앙 집중화합니다. JavaScript의 범위 및 폐쇄 메커니즘을 통해 코드의 that.getStatus 및 that.setStatus 메소드와 같이 확장된 메소드에서 처리 및 호출될 수 있습니다. .