Es6中双箭头函数的含义(柯里化)

const isType =(type: string) => (value: any) =>
  typeof(value) === type;

what?

在了解双箭头函数之前可以先了解一下函数式编程中的一个概念:

  • 柯里化:把一个多参数函数转化成一个嵌套的一元函数(只有一个参数的函数)的过程。

可见双箭头函数就是一个多参数函数的柯里化版本。

转化成JavaScript后:

const isType = function (type){
   return function (value) {
   	return typeof(value) === type;
   	}
   }

(这样看就有点闭包的意思了,也可以理解为把其中的每一步骤进行封装,保存每一步的结果,作为下一步开始的条件)
你也可以写成没有柯里化的函数也是可以的:

const isType = function (type,value){
	return typeof(value) === type;
	}

它的调用方法:

  • isType (“string”) //返回一个函数:function (value) {return typeOf(value) === type;}
  • isType (“string”)(“abc”) //返回:true
  • const type = isType("string"); type("abc"); //返回:true

Why?

那问题来了,为什么要柯里化呢?它有什么用?

  • 可读性: isType (“string”)(“abc”)
  • 可复用性 :重复使用const type = isType(“string”); 用来做其他判断type (“def”);
  • 可维护性 :
	const fn = (a,b) => a * b;                //可修改成a+b
  	const isType =(fn)=> (type) => (value) =>fn(type,value);
    console.log(isType (fn)(2));       //返回函数  
    console.log(isType (fn)(2)(3));     //6
    const  type = isType(fn)(2); console.log(type(4)); //8

How?

使用场景

  • 日志:
const curry = (fn) => {
	if(typeof fn != 'function'){
		throw Error('NO function provided');
	}
	return function curriedFn(...args){
		if(args.length < fn.length){
			return function(){
				return curriedFn.apply(null,args.concat([].slice.call(arguments)));
				};
			}
			return fn.apply(null,args);
		};
	};
err("ERROR","Error At Stats.js","text1",22);
err("ERROR","Error At Stats.js","text2",23);
const error = curry(err)("ERROR")("Error At Stats.js");
error ("text1")(22);
error ("text2")(23);
  • 在数组内容中查找数字
const curry = (binaryFn) => {
	return function (firstArg) {
		return function (secondArg) {
			return binaryFn(firstArg,secondArg);
			};
		};
	};
let match = curry(function(expr, str) {
	rerurn str.match(expr);
};
let hasNumber = match(/[0-9]+/);
let filter = curry(function(f,ary){
	return ary.filter(f);
};
let findNumbersInArray = filter(hasNumber);
findNumbersInArray(["js","number1"]);  //["number1"]
  • 求数组的平方
let map = curry(function(f,ary){
	return ary.map(f);
	)};
	let squareAll = map((x) => x*x);
	squareAll([1,2,3]);    //[1,4,9]
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值