대상원형

문제 1: OOP 는 무엇 을 말 합 니까?어떤 특성 이 있 습 니까?
1) 대상 을 대상 으로 프로 그래 밍 2) 패 키 징 계승 다 중 패 키 징: 하나의 대상 을 구성 하여 이 대상 에 게 속성 과 방법 을 추가 합 니 다. 이 대상 을 완성 하 는 과정 을 패 키 징 계승 이 라 고 합 니 다. 하위 클래스 는 부모 클래스 를 계승 하 는 방법 과 속성 서브 대상 은 부모 클래스 를 사용 할 수 있 는 방법 자바 script 에 다섯 가지 계승 방법 이 있 습 니 다. 첫 번 째,apply call 구조 함수 바 인 딩 방법 을 사용 합 니 다.두 번 째, prototype 모드 cat. prototype = new Animate.세 번 째 는 prototype, cat. prototype = Animate. prototype 을 직접 계승 합 니 다.네 번 째 는 빈 대상 을 중개 로 프로 토 타 입 을 계승 한다.다섯 번 째, 복사 상속.다 형: 하나의 인용 유형 이 서로 다른 상황 에서 의 다양한 형태 로 들 어 오 는 대상 이 서로 다른 방법 으로 최종 결과 가 다르다.
문제 2: 어떻게 구조 함수 의 방식 으로 속성 과 방법 을 가 진 대상 을 만 듭 니까?

 function  person(name,age,fruit){
      this.name=name;
      this.age=age;
      this.fruit=fruit;
      this.eat=function(){
              console.log(this.name+'   '+this.fruit)
      }
 }
//new   
var me=new person('pearl',18,'  ')
console.log(me.name)      //pearl

귤
문제 3: prototype 이 뭐 예요?무슨 특성 이 있 습 니까?
1) 프로 토 타 입 체인 대상 2) 함수 기본 프로 토 타 입 속성 예화 이 함수 가 있 을 때 프로 토 타 입 은 프로 토 타 입 기본 constroctur 의 값 으로 바 뀌 어 원 함수 의 주 소 를 저장 합 니 다. this 는 현재 예화 된 대상 이 특정한 방법 을 호출 하려 고 할 때 자신의 사례 화 대상 이 없 으 면 프로 토 타 입 체인 에서 찾 습 니 다.
문제 4: 다음 코드 의 원형 도 를 그립 니 다.

  function People (name){
        this.name = name;
       this.sayName = function(){
      console.log('my name is:' + this.name);
       }
 }

 People.prototype.walk = function(){
         console.log(this.name + ' is walking');  
 }

 var p1 = new People('kyle');
 var p2 = new People('vanko');

문제 5: Car 대상 을 만 들 고 속성 name, color, status 를 가 집 니 다.run, stop, getStatus

 function Cat(name,color,status){
   this.name=name;
   this.color=color;
   this.status=status;
 }
Cat.prototype.run=function(){
   console.log("       "+this.name+" ")
}
Cat.prototype.stop=function(){
   console.log("        ")
}
Cat.prototype.getStatus=function(){
   console.log("  "+this.status)
}
var cat1=new Cat("  ","  ","  ")
cat1.name   //  
cat1.color     //  
cat1.run()     //          
cat1.stop()    //        
cat1.getStatus()   //    

질문 6: GoTop 대상 을 만 듭 니 다. new GotTop 대상 은 페이지 에 맨 위로 돌아 가 는 요 소 를 만 들 고 페이지 를 클릭 하여 맨 위로 스크롤 합 니 다.다음 속성 과 방법 을 가지 고 있 습 니 다.

          //1. `ct`  ，GoTop     DOM      
          //2.  `target`  ， GoTop     DOM   
          //3.  `bindEvent`   ，       
          //4 `createNode`   ，           
    function GoTop(obj){
         this.ct=obj.ct
         this.text=obj.text
         this.createNode()
         this.bindEvent()
    }
    GoTop.prototype.bindEvent=function(){
        this.target.on('click',function(){
            $(window).scrollTop(0)
        })
    }
    GoTop.prototype.createNode=function(){
        this.target=$('
'+this.text+'
')
        this.ct.append(this.target)
    }

    var obj1={
        ct:$('body'),
        text:'go to top'
    }

    var gotop=new GoTop(obj1)

코드
문제 7: 나무통 레이아웃 으로 그림 벽 구현
미리 보기 코드