fn.call(thisArg,arg1,arg2,...)
fn:所调用的函数
thisArg:对象,这个对象是在fn函数执行时的this
arg:参数
call()是函数对象的方法,需要通过对象来调用
<script>
let obj = {
name:'name',
age:'20'
}
//函数形式调用时,this指向window
function fn(){
console.log(this);
}
fn();
fn.call(obj);
</script>
看结果,函数形式调用时,输出window没有问题,但是执行fn.call(obj)的时候,输出了{name: 'name', age: '20'},可以知道这时候this指向了obj对象。
由此,call方法会直接调用函数,可以改变函数内的this指向,所以我们可以使用call实现继承
使用 call 方法调用父构造函数
<script>
function Father(name, age) {
this.name = name
this.age = age
console.log(this);
}
function Child(name, age) {
// 这边的this指Child的实例对象
Father.call(this, name, age)
}
const father = new Father('father', 35)
const child = new Child('child', 18)
</script>
-
通过构造函数Child实例child对象时,内部调用了Father函数
-
使用call改变了Father内部this指向,让其指向了child