自己实现一个call方法

call/apply是用来修改函数调用时this的指向。

function a(n){
  console.log(this.m, n);
}

var k = {
  m: 2
}

a(1);
//undefined 1

//想想为什么
var m = 2;
a(1);
//2 1

//通过call将this指向k
a.call(k, 1);
//2 1

//如何自己实现一个call
Function.prototype.call2 = function() {
  //obj即相当于上面的k
  var obj = arguments[0];
  
  //this相当于上面的a
  obj[Symbol.for('fn')] = this;

  //获取call第二个开始的参数
  var args = [];
  for (var i = 1; i < arguments.length; i++) {
    args.push(arguments[i]);
  };
  
  //相当于k.a, 即将a的this指向k
  obj[Symbol.for('fn')](...args);

  delete obj[Symbol.for('fn')];
}

a.call2(k, 1);
//2 1
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现一个 `call` 函数可以参考以下代码: ```javascript Function.prototype.myCall = function (context, ...args) { // 如果没有传入上下文对象,设置为全局对象 window context = context || window; // 将当前函数保存为上下文对象的一个属性 context.fn = this; // 执行函数并获取返回值 const result = context.fn(...args); // 删除上下文对象的属性 delete context.fn; // 返回函数返回值 return result; } ``` 上面的代码中,我们通过给 `Function.prototype` 对象添加一个名为 `myCall` 的方法实现 `call` 函数。这个方法实现步骤如下: 1. 首先判断是否传入了上下文对象,如果没有传入则将其设置为全局对象 `window`。 2. 将当前函数保存为上下文对象的一个属性,以便后续可以通过上下文对象来调用这个函数。 3. 执行函数并获取返回值。 4. 删除上下文对象的属性,以免污染上下文对象。 5. 返回函数返回值。 使用示例: ```javascript function sayHello(name) { console.log(`Hello, ${name}!`); } const person = { name: 'Tom' }; sayHello.myCall(person, 'Jerry'); // 输出结果:Hello, Jerry! ``` 在这个例子中,我们通过调用 `sayHello.myCall(person, 'Jerry')` 来实现了 `sayHello` 函数在 `person` 对象上的调用。在 `myCall` 方法内部,我们将 `sayHello` 函数保存为 `person.fn` 属性,然后通过 `person.fn(...args)` 来执行函数,并最终返回函数的返回值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值