前端---js中的call和apply方法用法

最近看到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调用即可代替前面伪继承实现方式的构造器中两行粗体字代码.