博客
关于我
对于类的构造函数的this.XXX=XXX写起来麻烦,使用proxy来偷懒
阅读量:669 次
发布时间:2019-03-15

本文共 936 字,大约阅读时间需要 3 分钟。

//创建用户类class User {    //对于写个给太麻烦了    // constructor(firstName,lastName,age) {    //     this.firstName=firstName;    //     this.lastName=lastName;    //     this.age=age;    // }}/** * 直接对构造函数进行代理 * @param Class 对象 * @param propNames 对应构造函数的参数 * @returns {any} * @constructor */function ConstructorProxy(Class, ...propNames) {    return new Proxy(Class, {        construct(target, argumentsList) {            const obj = Reflect.construct(target, argumentsList)            propNames.forEach((name, i) => {                obj[name] = argumentsList[i];            })            return obj;        }    })}const UserProxy = ConstructorProxy(User, "firstName", "lastName", "age")console.log(UserProxy)const obj = new UserProxy("w", "q", 18);console.log(obj)//创建Monster类class Monster {}const MonsterProxy = ConstructorProxy(Monster, "attack", "defence", "hp", "rate", "name")const m = new MonsterProxy(10, 20, 100, 30, "怪物")console.log(m);

 

 

 

转载地址:http://rsamz.baihongyu.com/

你可能感兴趣的文章
Nginx的Rewrite正则表达式,匹配非某单词
查看>>
Vue中前端加密使用RSA加密下的JSEncrypt防止明文暴露
查看>>
Nginx的使用总结(一)
查看>>
Nginx的使用总结(三)
查看>>
Nginx的使用总结(二)
查看>>
Nginx的使用总结(四)
查看>>
Nginx的可视化神器nginx-gui的下载配置和使用
查看>>
nginx的平滑升级方法:
查看>>
Nginx的是什么?干什么用的?
查看>>
nginx的正向代理和反向代理
查看>>
Nginx的端口修改问题
查看>>
Nginx的配置文件位置以及组成部分结构讲解
查看>>
Nginx的集群与负载均衡
查看>>
Vue中利用Object.defineProperty实现数据更新
查看>>
nginx看这一篇文章就够了
查看>>
Nginx知识详解(理论+实战更易懂)
查看>>
Nginx简单介绍
查看>>
Nginx系列6之-rewirte功能使用案例总结
查看>>
nginx线程模型理解
查看>>
nginx自动摘除和恢复后端服务,进行自动检测
查看>>