改变this指向的三种方法

目录

一、call()方法

 二、apply() 方法

三、bind() 方法


一、call()方法

call() 方法的第一个参数必须是指定的对象,然后方法的原参数,挨个放在后面。

(1)第一个参数:传入该函数this执行的对象,传入什么强制指向什么;

(2)第二个参数开始:将原函数的参数往后顺延一位

var Person = {
    name:"lixue",
    age:21
}
function fn(x,y){
    console.log(x+","+y);
    console.log(this);
    console.log(this.name);
    console.log(this.age);
}
fn.call(Person, "hh", 20);

结果:

改变this指向的三种方法_第1张图片

 二、apply() 方法

apply() 方法的第一个参数是指定的对象,方法的原参数,统一放在第二个数组参数中。

(1)第一个参数:传入该函数this执行的对象,传入什么强制指向什么;

(2)第二个参数开始:将原函数的参数放在一个数组中

var Person = {
    name:"lixue",
    age:21
}
function fn(x,y){
    console.log(x+","+y);
    console.log(this);
    console.log(this.name);
    console.log(this.age);
}
fn.apply(Person, ["hh", 20]);

结果:

改变this指向的三种方法_第2张图片

三、bind() 方法

 bind() 方法的用法和call()一样,直接运行方法,需要注意的是:bind返回新的方法,需要重新

调用

是需要自己手动调用的

var Person = {
    name:"lixue",
    age:21
}
function fn(x,y){
    console.log(x+","+y);
    console.log(this);
    console.log(this.name);
    console.log(this.age);
}
// 方式一
fn.bind(Person, 'hh', 20)()
// 方式二
fn.bind(Person)('hh', 20)

 结果:

改变this指向的三种方法_第3张图片

你可能感兴趣的:(js,javascript,前端,开发语言)