JavaScript_javascript 기술의 상속 사용 사례 분석

이 글은 자바스크립트의 상속 사용법을 예시를 통해 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

// define the Person Class
function Person() {}
Person.prototype.walk = function(){
 alert ('I am walking!');
};
Person.prototype.sayHello = function(){
 alert ('hello');
};
// define the Student class
function Student() {
 // Call the parent constructor
 Person.call(this);
}
// inherit Person
Student.prototype = new Person();
// correct the constructor pointer because it points to Person
Student.prototype.constructor = Student;
// replace the sayHello method
Student.prototype.sayHello = function(){
 alert('hi, I am a student');
}
// add sayGoodBye method
Student.prototype.sayGoodBye = function(){
 alert('goodBye');
}
var student = new Student();
student.sayHello();
student.walk();
student.sayGoodBye();
// check inheritance
alert(student instanceof Person); // true 
alert(student instanceof Student); // true

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.