最近看到JavaScript中关于call()和apply()方法可以用来调用函数的动态调用和实现伪继承两种功能,今天在这里给大家详细介绍一下.
1.call()函数
函数引用.call(调用者,参数1,参数2...)
等同于:调用者.函数(参数1,参数2...)=函数.call(调用者,参数1,参数2)
2.apply()函数
函数调用.apply(调用者,[参数1,参数2...])
函数调用.call(调用者,参数1,参数2...)=函数调用.apply(调用者,[参数1,参数2...])
相同点和不同点:
相同之处:
js中每个函数都包含两个非继承而来的方法:call()方法和apply()方法.
apply()方法和call()方法的功能基本完全相同,都可以动态调用函数.
不同之处:
通过call()调用函数时,必须在括号中详细地列出每个参数.
通过apply()动态地调用函数时,需要以数组形式一次性传入所有调用参数.
3.使用apply()或call()实现伪继承:
伪继承实现的关键在于子类构造器需要以this作为调用者来调用父类构造器,这样父类构造器中的this就会变成代表子类,子类就可以得到原父类定义的实例属性和方法,因此这种伪继承方式完全可以用apply或call来实现,只要在使用apply或call调用时指定this作为调用者即可.我们在下面写个实例看看具体效果:
function Person(name,age){
this.name=name;
this.age=age;
}
function Student(name age grade){
Person.call(this,name ,age);
Person.apply(this,[name,age]);
this.grade=grade;
}
上面程序中以this作为调用者调用Person的构造器---这种方法即可用apply调用实现,也可用call调用实现,这行apply调用或call调用即可代替前面伪继承实现方式的构造器中两行粗体字代码.