js函数之call和apply

一、含义

function test() {
    console.log('----')
}

//执行
test();
test.call()

        结果一致，调用test()默认会调用call，二者效果一致，call省略掉了。

二、改变this指向

        call还有一个很重要的功能是改变this的指向。

function Car(brand, color) {
    this.brand = brand;
    this.color = color;
    this.run = function () {
        console.log('run 方法')
    }
}

let newCar = {
    age: 30
}

1、不用 call

console.log('newCar', newCar)

打印结果：{}

2、使用 call

//参数1：对象，参数2，3，4……：其他参数
Car.call(newCar, '兰博基尼', 'red')
console.log('newCar', newCar)

打印结果：

{
   "brand": "兰博基尼",
   "color": "red"
}

        可以看出改变了this 的指向，和apply的区别是后面是一个数组，其他没啥区别，均可以改变this 指向Car.apply(newCar, ['兰博基尼', 'red'])。

三、应用

function Compute() {
    this.plus = function (a, b) {
        console.log(a + b)
    }
    this.minus = function (a, b) {
        console.log(a - b)
    }
}

function FullCompute() {
    Compute.apply(this)
    this.mul = function (a, b) {
        console.log(a * b)
    }
    this.div = function (a, b) {
        console.log(a / b)
    }
}

const compute = new FullCompute();
compute.plus(1,1);
compute.minus(1,1);
compute.mul(1,1);
compute.div(1,1);

打印结果：

四、全局this和函数this

        全局定义的this和函数内部定义的 this 相当于 window，例如：

function test() {
    this.a = 1;
    let b = 2
}

test();
console.log(a); // 1
console.log(b); // b is not defined