JavaScript 다 중 및 계승 을 위 한 패 키 징 작업 예제

본 고의 실례 는 자 바스 크 립 트 가 다 태 와 계승 을 실현 하 는 봉인 조작 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
패키지 캡슐 화
다음 코드 는 봉인 이 라 고 할 수 있 습 니 다.

(function (windows, undefined) {
  var i = 0;//        ,   i      
})(window, undefined);

상속 상속

(function (windows, undefined) {
  //  
  function Person() { }
  Person.prototype.name = "name in Person";
  //  
  function Student() { }
  Student.prototype = new Person();      //    
  Student.prototype.constructor = Student;  //    
  Student.prototype.supr = Person.prototype; //  
  //      
  var stu = new Student();
  Student.prototype.age = 28;
  Student.prototype.name = "name in Student instance";
  //           
  console.log(stu.name); //name in Student instance
  console.log(stu.supr.name); //name in Person
  console.log(stu.age); //28
})(window, undefined);

온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 합 니 다http://tools.jb51.net/code/HtmlJsRun실행 결 과 는 다음 과 같 습 니 다.

다 형 고분자
상속 이 있 으 면 다 태 적 으로 처리 하기 쉽다

//      
(function (windows, undefined) {
  //  
  function Person() { }
  Person.prototype.name = "name in Person";
  Person.prototype.learning = function () {
    console.log("learning in Person")
  }
  //  
  function Student() { }
  Student.prototype = new Person();      //    
  Student.prototype.constructor = Student;  //    
  Student.prototype.supr = Person.prototype; //  
  Student.prototype.learning = function () {
    console.log("learning in Student");
  }
  //  
  function Worker() { }
  Worker.prototype = new Person();      //    
  Worker.prototype.constructor = Worker;  //    
  Worker.prototype.supr = Person.prototype; //  
  Worker.prototype.learning = function () {
    console.log("learning in Worker");
  }
  //  
  var personFactory = function (type) {
    switch (type) {
      case "Worker":
        return new Worker();
        break;
      case "Student":
        return new Student();
        break;
    }
    return new Person();
  }
  //   
  var person = personFactory("Student");
  person.learning(); //learning in Student
  person = personFactory("Worker");
  person.learning(); //learning in Worker
})(window, undefined);

온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 합 니 다http://tools.jb51.net/code/HtmlJsRun실행 결 과 는 다음 과 같 습 니 다.

자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기