js改变this指向的三种方式call() apply() bind()

this是JS中的一个关键字，它始终指向一个对象，this是一个指针。

this的指向不是由定义this决定的，而是随着脚本的解析自动赋值的。

一、全局作用域下：this始终指向window对象

二、函数作用域下：函数被谁调用，this就指向谁

三、对象中的函数作用域下：this指向该方法所属的对象

四、在构造函数中：this始终指向新对象

五、自执行函数中：this指向window

六、箭头函数中：this是在定义是绑定到了父级对象上，不是在执行过程中绑定的。

更改this指向方法：

1. call(thisObj, 参数1，参数2 ...)

var person = {
    name: 'zhangsan',
    age: 20
}

function say(x, y){
    console.log(this.name)
    console.log(this.age)
    console.log(x, y)
}

say.call(person, 1, 2)// zhangsan// 20// 1 2

 

2. apply(thisObj, [参数1，参数2 ...])

var person = {
    name: 'zhangsan',
    age: 20
}

function say(x, y){
    console.log(this.name)
    console.log(this.age)
    console.log(x, y)
}

say.apply(person, [1, 2])
// zhangsan
// 20
// 1 2

 

3.bind(thisObj, 参数1，参数2 ...)

var person = {
    name: 'zhangsan',
    age: 20
}

function say(x, y){
    console.log(this.name)
    console.log(this.age)
    console.log(x, y)
}

say.bind(person, 1, 2)();
// zhangsan
// 20
// 1 2