javascript中利用柯里化函数实现bind方法【推荐】

 更新时间:2016年04月29日 15:11:52   投稿:jingxian  
下面小编就为大家带来一篇javascript中利用柯里化函数实现bind方法【推荐】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧

• 柯理化函数思想:一个js预先处理的思想;利用函数执行可以形成一个不销毁的作用域的原理,把需要预先处理的内容都储存在这个不销毁的作用域中,并且返回一个小函数,以后我们执行的都是小函数,在小函数中把之前预先存储的值进行相关的操作处理即可;

• 柯里化函数主要起到预处理的作用;

• bind方法的作用:把传递进来的callback回调方法中的this预先处理为上下文context;

/**
* bind方法实现原理1
* @param callback [Function] 回调函数
* @param context [Object] 上下文
* @returns {Function} 改变this指向的函数
*/
function bind(callback,context) {
  var outerArg = Array.prototype.slice.call(arguments,2);// 表示取当前作用域中传的参数中除了fn,context以外后面的参数;
  return function (){
    var innerArg = Array.prototype.slice.call(arguments,0);//表示取当前作用域中所有的arguments参数;
    callback.apply(context,outerArg.concat(innerArg));
  }
}
/**
* 模仿在原型链上的bind实现原理(柯理化函数思想)
* @param context [Object] 上下文
* @returns {Function} 改变this指向的函数
*/
Function.prototype.mybind = function mybind (context) {
  var _this = this;
  var outArg = Array.prototype.slice.call(arguments,1);
  // 兼容情况下
  if('bind' in Function.prototype) {
    return this.bind.apply(this,[context].concat(outArg));
  }
  // 不兼容情况下
  return function () {
    var inArg = Array.prototype.slice.call(arguments,0);
    inArg.length === 0?inArg[inArg.length]=window.event:null;
    var arg = outArg.concat(inArg);
    _this.apply(context,arg);
  }
}

以上这篇javascript中利用柯里化函数实现bind方法【推荐】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 微信小程序canvas分享海报功能

    微信小程序canvas分享海报功能

    这篇文章主要为大家详细介绍了微信小程序canvas分享海报功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javaScript产生随机数的用法小结

    javaScript产生随机数的用法小结

    这篇文章主要介绍了javaScript产生随机数的用法小结,包括JavaScript Math.random()内置函数 ,Js 随机数产生6位数字的代码,需要的朋友可以参考下
    2018-04-04
  • js 把字符串当函数执行的方法

    js 把字符串当函数执行的方法

    一段字符串 里面包含了 要执行的函数和参数等,需要去执行这段字符串。
    2010-03-03
  • js实现图片淡入淡出切换简易效果

    js实现图片淡入淡出切换简易效果

    这篇文章主要为大家详细介绍了js实现图片淡入淡出切换简易效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 基于pdf.js实现文本划词高亮效果

    基于pdf.js实现文本划词高亮效果

    最近有一个需求,需要对于pdf文本进行操作,对接ai大模型对pdf文档进行高效解读,其中一个功能就是对于pdf的文本进行划词高亮,用户可进行阅读标记,本文给大家介绍了如何基于pdf.js实现文本划词高亮效果,需要的朋友可以参考下
    2024-05-05
  • 关于JS解构的5种有趣用法

    关于JS解构的5种有趣用法

    这篇文章主要给大家介绍了关于JS解构的5种有趣用法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS解构具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • JavaScript入门基础

    JavaScript入门基础

    在学习JavaScript之前,必须具备HTML和CSS知识,Javascript是一种解释性的,基于对象的脚本语言(aninterpreted,object-basedscriptinglanguage)。这篇文章主要讲解JavaScript入门基础,需要的朋友可以参考下
    2015-08-08
  • 在js代码拼接dom对象到页面上的模板总结

    在js代码拼接dom对象到页面上的模板总结

    今天小编就为大家分享一篇关于在js代码拼接dom对象到页面上的模板总结,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-10-10
  • 将form表单中的元素转换成对象的方法适用表单提交

    将form表单中的元素转换成对象的方法适用表单提交

    这篇文章主要介绍了如何将form表单中的元素转换成对象,需要的朋友可以参考下
    2014-05-05
  • 解决layui table表单提示数据接口请求异常的问题

    解决layui table表单提示数据接口请求异常的问题

    今天小编就为大家分享一篇解决layui table表单提示数据接口请求异常的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论