关于条件判断的优化: 前端大佬请进!

Question

当前项目里对发送请求前有多重判断,勾选,input值的判断,正则校验等等.当前一个提交表单的方法已经嵌套了三层,然后代码写成了这个鸡儿样子

看到没,每一个判断要写在上一个判断的回调里面,这样写了两层就已经很臃肿了,请求前端大佬帮我优化一下 谢谢

我用的api是vue-api-creator

请问可以改造成 Promise的形式吗?

Answer 1

• 判断非 undefined, 非 null 可以单独一个工具函数
• warn message 应该有单独的方法，如 message.warn('请选择脚本')
• 可以把最里面的一层抽出来单独一个函数

Answer 2

不是大佬。

if(!valid){
    return false;
}
...

这个看能不能改。。

Answer 3

你这个多层嵌套； if(!valid) return false;if(!client) return false;