js函数柯里化 + class + async await 思想封装我们的Api

所谓"柯里化",就是把一个多参数的函数,转化为单参数函数
在项目中,例如定义了如下请求接口的方法:

1. 柯里化封装之前
// a.js文件
import Oceanus from "../../utils/Oceanus";

let params = {
	a: 1,
	b: 2
}
Oceanus.OnSetFuncCall(
	"Factory",
	"EW_FACTORY",
	"EW_FAC_SetPinCode",
	params
);

2. 柯里化封装之后
// a.js文件
import Oceanus from "../../utils/Oceanus";
const easyCall = (service, method, params) => {
    return new Promise((resolve, reject) => {
        Oceanus.OnSetFuncCall(service, method, params)
            .then(res => {
            	res ? resolve(res) : reject("fail");
            })
            .catch(err => {
                console.log("catch err  => " + err );
            });
    });
};
export default easyCall;

// api.js文件
import easyCall from "../../utils/a";
const callHotel = (method, params = null) => { // params 设置默认值null
	easyCall("Factory", method, params); // 定义service默认值Factory
}
class Api {
    constructor() {}
    async getHotelModeStatus() {  // 无需传递参数
        return await callHotel("EW_HOTEL_MODE_Get");  // 默认参数methed的值EW_HOTEL_MODE_Get
    }
    async setHotelModeStatus(value) { // 只需传递一个参数
        return await callHotel("EW_HOTEL_MODE_Set", value); // 默认参数methed的值EW_HOTEL_MODE_Get
    }
  } 
 export default new Api();

有了柯里化以后,就能做到,所有函数只接受一个参数,简化了代码,同时提高了复用率!所有的接口参数存放在api.js文件里面,维护起来也更方便。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值