我们知道JS中有一个call()方法,那么到底怎么用呢,我们得从Java说起。
定义一个Person类
public class Person
{
private String name;
private int age;
……(省略getter、setter)
public Person(String name, int age)
{
this.name = name;
this.age = age;
}
@Override
public String toString()
{
return "name=" + name + ", age=" + age;
}
定义一个Student类,继承Person类
public class Student extends Person
{
private String grade;
……(省略getter、setter)
public Student(String name, int age, String grade)
{
super(name, age);
this.grade = grade;
}
@Override
public String toString()
{
return super.toString() + ", grade=" + grade;
}
可以看到:
1.虽然我们并没有在Student类中定义name和age属性,但是它的全参构造方法中用super调用了父类构造,使Student类实现继承了Person类中的属性name、age。
2.同样在toString()方法中,Student类通过super调用了父类的toString()方法。
好吧说了那么多废话,接下去进入正题。
官方解释
The call() method calls a function with a given this value and arguments provided individually.
蹩脚翻译
call() 方法用于调用另一个对象的方法,并获得另一个对象的属性或者参数。
语法
fun.call(thisArg[, arg1[, arg2[, ...]]])
实例1
function Person(name,age){
this.name = "李四";
this.age = 13;
}
function Student(name,age,grade){
Person.call(this,name,age);
this.grade = grade;
}
var student = new Student("张三", 12, "1年级");
console.log(student);
输出
Student { name: '李四', age: 12, grade: '1年级' }
由此可见,student对象中的name,age属性通过call()方法,被替换成了person对象中的name,age。
实例2
function Person(name, age) {
this.name = "李四";
this.age = 13;
this.showName = function () {
alert(this.name + " " + this.age);
}
}
function Student(name, age, grade) {
Person.call(this, name, age);
this.grade = grade;
}
var student = new Student("张三", 12, "1年级");
student.showName();
输出
通俗的说,call()不仅能调用对象的参数还能它的调用方法,但是区别于Java中的super(),call()方法会完全替代了student实例化的参数。
虽然Java和JavaScript只是雷锋和雷峰塔的关系,但我们还是能通过面向对象的特性来找到共同点。