ES5之 apply&call&bind

最新推荐文章于 2021-05-27 10:43:14 发布

原创最新推荐文章于 2021-05-27 10:43:14 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

大前端同时被 2 个专栏收录

36 篇文章

订阅专栏

Javascript

28 篇文章

订阅专栏

欢迎大家加入我的github项目,一起学习，一起发展

--->全栈工程师进阶学习站
--->我个人的学习及生活小记录
--->行业内最新最群的报告，工作日每日更新

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>

<script>


// 1. Function.prototype.bind(obj) :
//   * 作用: 将函数内的this绑定为obj, 并将函数返回
// 2. 面试题: 区别bind()与call()和apply()?
//   * 都能指定函数中的this
//   * call()/apply()是立即调用函数
//   * bind()是将函数返回

//this 指向,但是它到底指向谁

var p1={name:"周瑜"};
p1.phone=function(x,y){

    console.log(`${this.name}:赢了${x}:${y}`)
}
p1.phone(1,2);

var p2={name:"曹操"};

//call  依次传参
p1.phone.call(p2,3,4);

//apply  参数是数组形式
p1.phone.apply(p2,[5,6]);

//bind  异步,回调函数 , 返回的是一个函数

var phone2= p1.phone.bind(p2,7,8);
phone2();

p1.show=function(){
  setTimeout(function(){
      console.log(`${this.name}:秀的一批`);

  }.bind(this),1000)

  //  setInterval setTimeout  它们的this指向的是window

  
};
p1.show();





</script>
</html>

```闲聊时刻

10年短信公司，互联网100强企业！主营业务：短信（国内和国际）App H5一键免密登录，防薅羊毛接口，图片OCR，空号检测，活跃号检测，人证核验，活体检测，高防ddos攻击等等200多个企业服务接口！需要的联系他13592366783 官方链接：https://zz.253.com/v5.html#/register?uid=1953

自己公司需求偶然间用了一家第三方接口供应商，产品应有尽有，很齐全，对接文档非常详细，彼此都很节约时间，主要非常稳定，包括服务方面很给力，有兴趣的博友，可以联系他，算是对合作伙伴的支持了