角度调用父方法和子方法 - Javascript

Javascript中的对象是一种非常灵活和强大的方式，可以通过它来模拟现实世界的事物。面向对象的程序设计中，继承是一个重要的概念。Javascript通过原型链的方式实现继承。在继承的应用中，有时候需要调用父方法或子方法，而角度调用可以帮助我们方便地实现这一目的。那么在Javascript中如何进行角度调用呢？本文将为大家详细介绍。

角度调用父方法

在Javascript中，调用父方法通常使用call或apply方法，它们都是在函数上定义的方法。通过call或apply方法可以实现将一个函数的this值在调用时绑定到某个对象，从而使函数能够访问该对象的属性和方法。

假设现在有一个父类People和一个子类Student，Student继承自People，如下所示：

function People(name) {
  this.name = name;
}
People.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
};
function Student(name, grade) {
  People.call(this, name);
  this.grade = grade;
}
Student.prototype = Object.create(People.prototype);
Student.prototype.constructor = Student;
Student.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name + ' and I am in grade ' + this.grade);
};

通过以上代码，我们可以看到一个父类People和一个子类Student，Student继承自People。现在我们可以创建一个Student的实例，并调用它的sayHello方法：

var s = new Student('Tom', 3);
s.sayHello(); // 输出: Hello, my name is Tom and I am in grade 3

在子类Student的sayHello方法中，我们需要调用父类People的sayHello方法。使用call方法可以实现角度调用父类People的sayHello方法：

Student.prototype.sayHello = function() {
  People.prototype.sayHello.call(this);
  console.log('Hello, my name is ' + this.name + ' and I am in grade ' + this.grade);
};

在上面的代码中，我们使用了People.prototype.sayHello.call(this)方法，表示在Student的实例对象（即this）上调用People的sayHello方法。这样就可以实现角度调用父类的方法了。

角度调用子方法

在Javascript中，角度调用子方法通常使用递归的方式实现。在父类中调用子类的方法，需要在子类中定义一个与父类相同的方法，并在该方法中调用自身。如下所示：

function People(name) {
  this.name = name;
}
People.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
};
function Student(name, grade) {
  People.call(this, name);
  this.grade = grade;
}
Student.prototype = Object.create(People.prototype);
Student.prototype.constructor = Student;
Student.prototype.sayHello = function() {
  this.sayHelloGrade();
};
Student.prototype.sayHelloGrade = function() {
  console.log('Hello, my name is ' + this.name + ' and I am in grade ' + this.grade);
};

在上面的代码中，我们定义了Student的sayHello方法调用this.sayHelloGrade方法。而this.sayHelloGrade方法通过递归调用自身，实现了角度调用子类的方法。

Student.prototype.sayHelloGrade = function() {
  People.prototype.sayHello.call(this);
  console.log('Hello, my name is ' + this.name + ' and I am in grade ' + this.grade);
};

在上面的代码中，我们使用了People的sayHello方法调用父类的sayHello方法，然后打印出子类的年级。这样就实现了在父类中角度调用子类的方法。

总结

通过以上的介绍，我们可以看到，在Javascript中，角度调用父方法和子方法都可以通过一些简单的方式实现。在继承的应用中，角度调用是非常常见的，我们需要掌握这一技巧，以便更好的应用继承的概念。