call、apply 的模拟实现

1. call的模拟实现

Function.prototype.myCall = function (context = window, ...args) {
  context = context || window  // 如果没有context参数,就返回window
    
  if (this === Function.prototype) {
    return undefined  // 直接调用Function.prorotype.myCall() 反回undefined       
  }

  fn = Symbol()
  context[fn] = this  // 为context设置Symbol属性,并将当前函数赋给该属性
  const result = context[fn](...args)  // 将参数传入 
  delete context[fn]  // 删除该属性 
  return result         
}

Symbol属性特性: 唯一性,可以作为对象的属性,有静态属性Symbol.iterator

 

2. apply的模拟实现

Function.prototype.myApply = function (context = window, args) {
  context = context || window
  
  if (this === Function.prototype) {
    retrun undefined
  }
  
  fn = Symbol()
  context[fn] = this

  let result
  if ( Array.isArray(args) ) {
    result = context[fn](...args)
  }  else {
    result = context[fn]()
  }
  delete context[fn]  
  return result            
}

 

call、apply 的模拟实现

上一篇:你的安卓项目编译要花 10 分钟,如何缩短到 1 分钟?


下一篇:win安装appium