js中的call() apply() bind()的用法

call() apply() bind() 都是用来重定义this这个对象的,不能改变箭头函数中的this指向

bind方法多了一个括号，bind返回的是一个新的函数，必须调用才能够执行


html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>call_apply_bind的区别title>
head>
 
<body>
 
body>
<script>
  var name = '小王', age = 17
  var obj = {
    name: '小张',
    objAge: this.age,
    myFun: function () {
      console.log(this.name + "年龄" + this.age)
    },
    myFun2: function (fm, t) {
      console.log(this.name + "年龄" + this.age, "来自" + fm + "去往" + t)
    }
 
  }
  var db = {
    name: '小行家',
    age: 99
  }
  obj.myFun.call(db)
  obj.myFun.apply(db)  // 参数以数组的形式进行传递
  obj.myFun.bind(db)()
 
// 在参数传递中使用apply的时候参数是以数组的形式进行传递的  这三者传递惨淡胡对参数的类型没有限制
  obj.myFun2.call(db, '成都', '上海')
  obj.myFun2.apply(db, ['上海', '北京'])  // 参数以数组的形式进行传递
  obj.myFun2.bind(db, '北京', '拉萨')()
  // 不进行数据类型的限制
script>
 
html>

相关阅读:
英诺森 “供应链智能数据平台”荣获“科技进步奖”
迭代器、可迭代对象、生成器、生成器对象
2022年，Rust将成为Linux 内核第二官方语言吗？
小A对我说，他现在快想钱想疯了…
软件测试技术之如何编写测试用例（4）
说一下v-model的理解双向绑定 vue响应式原理
SpringSecurity系列——用户名密码登录day3-1（源于官网5.7.2版本）
【C++心愿便利店】No.14---C++之探索list底层原理
Day17-购物车页面-结算-动态计算已勾选商品的数据和选中状态
【毕业设计】基于SSM的仓库进存销系统

原文地址：https://blog.csdn.net/weixin_58017233/article/details/133519550