js中call()函数用法、this指向

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