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

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

时间:2022-11-10 11:59:02浏览次数:107  
标签:.. await 博客 js params Oceanus 柯里化 EW

柯里化

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

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

    image-20221109191648332

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

标签:..,await,博客,js,params,Oceanus,柯里化,EW
From: https://www.cnblogs.com/zhuoss/p/16876572.html

相关文章