call, bind,apply 的区别?

call, bind,apply 的区别?

call 和 apply 调他们既可以改变函数 this 的指向,传递参数 和 调用函数;

他们只有一个区别,就是参数的格式,call 是一个一个数,apply 是一个数组;

bind 他呢,也和 call , apply 一样,只是 不会自动调用函数;

call

功能:调用函数,传递参数,改变函数的 this 指向;

结构:

fn.call(this的指向,传递的参数)

使用:

function fn (x, y) {
    console.log(this);
    console.log(x, y);
}

let o = {
    name: 'zyf'
}

// 调用 fn 函数, 改变 fn 的this为 o, 传入参数 1 和 2;
fn.call(o, 1, 2);

bind

概念: bind() 方法,返回一个 新函数,调用 bind 时,新函数的 this 指向 bind 的第一个参数,剩余参数,就当新函数的参数了 。

功能:改变函数的 this指向,传递参数,不会调用函数;

结构:

fn.bind(this的指向,传递的参数)

使用:

function fn (x, y) {
    console.log(this);
    console.log(x, y);
}

let o = {
    name: 'zyf'
}

// 使用 bind ,然后调用函数;
fn.bind(o, 1, 2)();	

// 使用 bind 返回值为一个新数组
let newFn = fn.bind(o, 1, 2);
newFn();  // 执行相关和上面的一样

apply:

效果和 call() 一样,只不过,他的第二个参数,传递参数时,是一个数组;

结构:

fn.apply(this的指向,[参数1,参数2,.....])

使用:

function fn (x, y) {
    console.log(this);
    console.log(x, y);
}

let o = {
    name: 'zyf'
}

fn.apply(o,[1, 2]);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值