call、apply 的模拟实现

谁说胖子不能爱 提交于 2019-11-29 00:17:47

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            
}

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!