JS 디자인 모델 - 1. 표 현 력 있 는 JS
4223 단어 디자인 모드
Function.prototype.method = function(name, fn){
this.prototype[name] = fn;
return this;
};
// +
var Anim = function(){};
Anim.method('starts', function(){
console.log('starts');
}).method('ends', function(){
console.log('ends');
});
var a = new Anim(); // new
a.starts();
a.ends();익명 함수 가 패키지 구조의 개인 변 수 를 만 듭 니 다.
var baz;
(function(){
var foo = 10; //
var bar = 2;
baz = function(){ //
return foo * bar;
};
})();
console.log(baz());대상 의 변화성
이것 은 별 이상 한 것 이 없 는데 원형 체인 이 어떻게 된 일 인지 알 게 되 었 다. 이것 은 말 할 나 위도 없다.(우 리 는 인 스 턴 스 를 만 든 후에 방법 과 수정 방법, 심지어 삭제 방법 을 추가 할 수 있 습 니 다).
var Person = function(name, age){
this.name = name;
this.age =age;
};
Person.method('getName', function(){
return this.name;
}).method('getAge', function(){
return this.age;
});
var alice = new Person('alice', 95);
var bill = new Person('bill', 30);
Person.method('getGreeting', function(){ //
return 'Hi ' + this.getName() + '!' ;
});
alice.displayGreeting = function(){
return this.getGreeting();
};
console.log(alice.getGreeting());
console.log(bill.getGreeting());
console.log(alice.displayGreeting());
/*bill.displayGreeting();*/이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
디자인 모델 의 공장 모델, 단일 모델자바 는 23 가지 디자인 모델 (프로 그래 밍 사상/프로 그래 밍 방식) 이 있 습 니 다. 공장 모드 하나의 공장 류 를 만들어 같은 인 터 페 이 스 를 실현 한 일부 종 류 를 인 스 턴 스 로 만 드 는 것...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
