前端架构设计与方法

30 阅读1分钟

Promise封装

   export function user(){
   return new Promise((resolve,reject)=>{
       try{
           //常规操作
       }catch(err){
           // 这里有三种写法
           // 第一种
           throw new Error(err)
           //第二种
           console.err(err)
           //第三种
           // 重定向到错误页面
       }
   })}

代理反射

  • 对二开比较友好(本质上我们是不破坏第三方的代码结构和架构设计)
// 函数操作方法或者对象操作方法,或者引用二开项目中的代码封装,并进行使用
export const Hander={
    set(){
       return Refect.XXX
    },
    get(){
       return Refect.XXXX
    },
    .
    .
    .

}

    import Hander from "Hander.js"
    export function Proxy(target){
        return new Proxy(target,Hander)
    }

依赖注入


export class user {
    public name
    constructor(name){
        this.name=name
    }
}