浅谈JS中的bind方法与函数柯里化
更新时间：2016年08月10日 10:44:34 投稿：jingxian
下面小编就为大家带来一篇浅谈JS中的bind方法与函数柯里化。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
绑定函数bind()最简单的用法是创建一个函数，使这个函数不论怎么调用都有同样的this值。不同于call和apply只是单纯地设置this的值后传参，它还会将所有传入bind()方法中的实参（第一个参数之后的参数）与this一起绑定。
关于这个特性看《JS权威指南》原文的例子：
var sum = function(x,y) { return x + y };
var succ = sum.bind(null, 1); //让this指向null，其后的实参也会作为实参传入被绑定的函数sum
succ(2); // => 3: 可以看到1绑定到了sum函数中的x
其次， bind()方法所返回的函数的length（形参数量）等于原函数的形参数量减去传入bind()方法中的实参数量（第一个参数以后的所有参数），因为传入bind中的实参都会绑定到原函数的形参，举个例子：
function func(a,b,c,d){...} //func的length为4
var after = func.bind(null,1,2); //这里输入了两个实参（1，2）绑定到了func函数的a，b
console.log(after.length); //after的length为2
第三，当bind()所返回的函数用作构造函数的时候， 传入bind()的this将被忽略，实参会全部传入原函数，这样说很抽象，举个例子：
function original(x){
this.a = 1;
this.b = function(){return this.a + x}
}
var obj={
a = 10
}
var newObj = new(original.bind(obj, 2)); //传入了一个实参2
console.log(newObj.a); //输出1, 说明返回的函数用作构造函数时obj(this的值)被忽略了
console.log(newObj.b()); //输出3 ，说明传入的实参2传入了原函数original
以上就是ES5中bind方法的特性， 这种技术也被称为函数柯里化。这种技术将多个参数的函数变成只带一个参数的函数。bind方法就是该技术在js中的实践。
关于这篇浅谈JS中的bind方法与函数柯里化就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了微信小程序实现菜单左右联动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了JavaScript队列结构Queue实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了socket在egg中的使用，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
今天小编就为大家分享一篇解决layui弹出层layer的area过大被遮挡的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JavaScript中的一些隐式转换和总结,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-12-12
JS访问者模式是一种行为型设计模式,用于将算法与对象结构分离, 该模式允许你定义新的操作（访问者）而无需修改现有对象结构（被访问者）, 通过这种方式,你可以在不改变对象结构的情况下添加新的操作,本文就给大家详细的讲讲JS访问者模式的用法2023-08-08
ESLint是一个流行的JavaScript代码检查工具,它可以帮助团队确保代码质量,避免常见的错误和格式问题,这篇文章主要给大家介绍了关于前端技巧之ESLint忽略检查行和文件的相关资料,需要的朋友可以参考下2023-11-11
本篇文章通过实例给大家详细分析了JS与Node.js中的事件的原理以及用法，大家学习一下吧。2017-12-12
这篇文章主要介绍了JS实现问卷星自动填问卷脚本两秒自动提交功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了弱类型语言javascript中 a,b 的运算,结合实例形式总结分析了js闭包函数中布尔值与字符串的a，b运算相关操作技巧,需要的朋友可以参考下2019-08-08
最新评论