자 바스 크 립 트 원형 데이터 공유 와 방법 공유 실현 탐구

데이터 공유
어떤 데 이 터 를 원형 에 써 야 합 니까?
공유 할 데이터 가 필요 하면 원형 을 쓸 수 있 습 니 다.
원형 역할 중 하나:데이터 공유
속성 은 공유 해 야 하고 방법 도 공유 해 야 합 니 다:
  • 공유 할 필요 가 없 는 데 이 터 는 구조 함수 에 쓰 여 있다
  • 4.567917.공유 해 야 할 데 이 터 는 원형 에 적 혀 있다.
    다음은 사례 를 살 펴 보 겠 습 니 다.
    데이터 공유 사례
    모든 학생 의 이름,나이,성별 은 독특 하 므 로 우 리 는 설정 해 야 한다.
    모든 학생 의 키 는 188 이 고 모든 사람의 체중 은 55 이다.
    모든 학생 들 은 매일 500 줄 의 코드 를 써 야 한다.
    모든 학생 들 은 매일 10 근 의 수박 을 먹 어야 한다.
    공유 데 이 터 를 원형 에 쓸 수 있 습 니 다.
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>title</title>
      <script>
        function Student(name,age,sex) {
          this.name=name;
          this.age=age;
          this.sex=sex;
        }
        //          188,        55
        //          500   
        //            10    
        //    
    
        Student.prototype.height="188";
        Student.prototype.weight="55kg";
        Student.prototype.study=function () {
          console.log("  , 500   ,    ");
        };
        Student.prototype.eat=function () {
          console.log("   10    ");
        };
        //     ,    
        var stu=new Student("  ",57," ");
        console.dir(Student);
        console.dir(stu);
    
    //    stu.eat();
    //    stu.study();
    
      </script>
    </head>
    <body>
    
    
    </body>
    </html>
    
    인쇄 가 이렇게 되 어 있 습 니 다.
    在这里插入图片描述
    원형 단순 표기 법
    원형 은 더 간단 한 방법 이 있 는데 다음은 상기 사례 에 대한 수정 이다.
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>title</title>
      <script>
        function Student(name, age, sex) {
          this.name = name;
          this.age = age;
          this.sex = sex;
        }
        //       
        Student.prototype = {
          //          
          constructor:Student,
          height: "188",
          weight: "55kg",
          study: function () {
            console.log("      ");
          },
          eat: function () {
            console.log("      ");
          }
        };
    
        var stu=new Student("    ",20," ");
        stu.eat();
        stu.study();
        console.dir(Student);
        console.dir(stu);
    
      </script>
    </head>
    <body>
    
    
    </body>
    </html>
    
    在这里插入图片描述
    원형 방법 공유
    예 를 들 어 방법 을 설정 하고 먹고 놀 면 놀 고 끝나 면 잔다.
    在这里插入图片描述
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>title</title>
      <script>
        //      ,        
    
        function Animal(name,age) {
          this.name=name;
          this.age=age;
        }
        //       
        //      
        Animal.prototype.eat=function () {
          console.log("     ");
          this.play();
        };
        //      
        Animal.prototype.play=function () {
          console.log("  ");
          this.sleep();
        };
        Animal.prototype.sleep=function () {
          console.log("   ");
        };
    
        var dog=new Animal("  ",20);
        dog.eat();
    
        //        ,      
    
    
      </script>
    </head>
    <body>
    
    
    </body>
    </html>
    
    자 바스 크 립 트 의 원형 데이터 공유 와 방법 공유 실현 을 탐구 하 는 이 글 은 여기까지 소개 되 었 습 니 다.자 바스 크 립 트 의 원형 데이터 공유 와 방법 공유 에 관 한 더 많은 것 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!

    좋은 웹페이지 즐겨찾기