javascript 혼합 구조 함수 와 원형 방식,동적 원형 방식

우리 일상 JS 프로 그래 밍 에서 가장 자주 사용 하 는 방식 은 다음 과 같은 두 가지 가 있 습 니 다.1.혼 합 된 구조 함수 와 원형 방식(중점)
 
function car (sColor,iNumbers){ // ,
this.color = sColor;
this.numbers = iNumbers;
this.dirvers = new Array ("Jone","Leon");
}
car.prototype.showColor = function (){ // ,
alert(this.color);
}
var car1 = new car("red");
var car2 = new car("yellow");
car1.showColor)();
car2.showColor)();
요약:새로운 대상 인 스 턴 스 car1 과 car2 를 만 들 때 car1 과 car2 는 함수 대상 car 의 모든 비 함수 속성 을 계승 합 니 다.이때 car 함수 밖에서 car 함수 대상 의 원형 에 show Color 방법 을 생 성 합 니 다.이때 car 1 과 car 2 는 모두 car 의 원형 안의 show Color 방식 을 참조 합 니 다.만약 에 원형 방법 을 car 함수 체 에 넣 으 면 이때 car 1 과 car 2 는 인용 관계 가 아니 라 함수 가 실 행 될 때마다 show Color 함 수 를 구축 합 니 다.만약 에 100 개의 car 가 있다 면...그러면 100 개의 함 수 를 중복 구성 해 야 한다.그래서 비 함수 속성 과 함수 속성 을 나 누 어 써 야 합 니 다.2.동적 원형 방식(중점)
 
function car (sColor,iNumbers){ // ,
this.color = sColor;
this.numbers = iNumbers;
this.dirvers = new Array ("Jone","Leon");
if(typeof car._initialized=="undefined"){ // , car._initialized ,
car.prototype.showColor = function (){
alert(this.color);
}
}
car._initialized = true; //
, ,car._initialized , , ,new , , showColor 。 , car._initialized undefined , showColor, car._initialized=true, , , new , : , , !
}
var car1 = new car ("red");
var car2 = new car ("yellow");
car1.showColor();
car2.showColor();
정리:위의 두 가지 방식 을 이용 하 는 것 이 든 똑 같은 효 과 를 얻 을 수 있다!방법 1:혼 합 된 구조 함수 와 원형 방식 은 비 함수 속성 과 일반 속성 을 나 누 어 쓰 는 것 과 같 습 니 다.이렇게 new 대상 을 만 들 때 새로운 함 수 를 반복 하지 않 습 니 다.이때 인 용 된 지식 함수 대상 의 원형 방법 과 함수 대상 의 속성 입 니 다.그러나 코드 는 봉인 되 어 있 지 않 고 아무것도 영향 을 주지 않 는 것 처럼 보 였 다.방법 2:JAVA 의 프로 그래 밍 코드 스타일 을 완전히 이용 하여 JS 의 프로 그래 밍 을 실현 합 니 다.이러한 장점 은 전체 함 수 를 속성 과 방법 을 하나의 함수 안에'패키지'하 는 것 처럼 보이 게 하고'클래스'처럼 보이 게 하 는 것 이다.온고지신:JS 에는 사실 클래스 가 없습니다.클래스 가 있다 고 하면 function 클래스 로 볼 수 있 습 니 다.if()문 구 를 이용 하 는 것 이 우호 적 이지 않 은 것 이 단점 입 니 다.

좋은 웹페이지 즐겨찾기