simpread-(128 条消息) js 函数柯里化 + class + async await 思想封装我们的 Api_front-end-john 的博客 - CSDN 博客

柯里化

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

1. 类中也是可以使用async和await

   

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 文件里面，维护起来也更方便。