干货Vue TypeScript根据类生成签名字符串

Posted 2021-04-25 微卡智享

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了干货Vue TypeScript根据类生成签名字符串相关的知识，希望对你有一定的参考价值。

前言

前阵子我们做了C#和android的根据类生成签名，文章详见：

今天我们来说一下VueJs里根据类生成签名，标题里面说了TypeScript是因为语法相对于javascript严格的多，导致里面一个小问题又花费了我一两天的时间，这个后面现说。

视频Demo演示

核心代码

   getsign<T>(para: T): string {
        let signstr = "";
        //获取泛型类的属性并排序按ASCII码排序
        let params = Object.keys(para).sort();
        //排序后的泛型类进行遍历
        for (let ki in params) {
            let name = params[ki];
            console.log(name);
            //遍历泛性原来的泛型类找到对应的属性
            for (let prop in para) {
                //如果名称一样进行字符串拼接并跳出循环
                if (prop == name) {
                    signstr = signstr + name + "="
                        + para[prop] + "&";
                    break;
                }
            }
        }
        //截断字符串最后一位
        signstr = signstr.substr(0, signstr.length - 1);
        return signstr;
    }