• Object.defineProperties——MEAN开发后台的Model层


    MEAN层次开发表示

    Object.defineProperties是什么?有什么用?

    这个问题比较听起来可能比较难以理解,确实我也是在项目中遇到的才会去想。以前看到《高级程序设计》的时候,有这么一种东西,定义一个对象。
    大概第几章忘了,看下下面的代码估计能想起来是什么。

    var User = {}; //声明一个空对象
    Object.defineProperties(User, { //填充对象属性
        _id: {
            writable:       true,   //设置属性是否可写,默认为true
            configurable:   false,  //设置属性是否可以配置,默认为true。当设置为false时不能用delete删除
            enumerable:     false,  //设置属性是否可以枚举,默认为true.即for-in循环对象的时候可以输出属性
            value:          0       //默认值
        },
        id: {
            set: function(value) {
                if(value > 0) {
                    this._id = value; //数据库设置的为主键从0开始递增
                }
            },
            get: function() {
                return this._id;
            }
        }
    });
    
    var privateId = Object.getOwnPropertyDescriptor(User, '_id');
    console.log(privateId.value);  //0
    
    var userId = Object.getOwnPropertyDescriptor(User, 'id');
    console.log(userId.get()); //还没设置呢,输出undefined
    
    userId.set(10); //设置id为10
    console.log(userId.get()); //输出10,设置有效
    
    userId.set(-10);
    console.log(userId.get()); //输出10,设置无效

    大概就是Object.defineProperties这个东西吧,可以定义属性。定义一个属性用的是Object.defineProperty。不过通常对象都是多个属性的啦,所以基本用的都是Object.defineProperties

    其实刚开始我看到这个属性觉得——嗯,有这个东西。但是具体哪里会用到,有什么作用,还真的没去思考太多。只是知道有这个东西,但是普通的前端开发,貌似也没怎么用到这个东西,直到——做项目的时候遇到了-_-!!

    MEAN开发Model层的写法

    副标题扯到MEAN开发了,之前做的项目里面,前端用的是AngularJS,后台用的是ExpressJS+node.js
    数据交互不用想都知道是Ajax啦。

    所以从第一天开始就开开心心撸代码啦,嗯,差不多就这样。^_^

    写后台的时候遇到了几个坑爹的问题吧,首先是登陆模块。
    AngularJS用$httppost到/loginData一个表单到后台

    比如是下面这样的

    var json = {
        username: "ManfredHu",
        password: "123456"
    };

    后台用ExpressJS的路由监听这个URI

    app.post('/loginData', function(req, res) {
        console.log("接受到login页面的登陆信息");
        //调用login控制器传入req,res
        UserCtrl.login(req, res);
    });

    这个ExpressJS的路由其实类似JavaWeb里面的web.xml那个配置servlet的东西。就是一个请求过来,你到底要调用哪个Controller到处理。
    这里专门为User写了个Controller取名UserCtrl,通过CMD的形式组织,exports暴露了一个login的方法专门处理request/response。

    然后问题就坑爹了,前端数据的验证怎么做?如果直接将JSON传入Dao层执行数据库的查找等等的匹配操作。那么其实问题其实还挺大的,你要考虑如果有人专门来POST数据测试你的服务器呢?当然我相信大家都是好人不会去干这种事,不过从安全性来讲,应该是要有一层验证的,而且后面的Dao层也会接受一个对象去执行增删查改等等操作

    这里讲的是后台的数据验证

    所以上面的Object.defineProperties就派上用场了,应该要将这个json组装成一个Model,且这个Model应该有类似C#、Java一样的私有属性private、公有方法public等等。

    C#的属性的概念其实相比字段就是多了一层过滤层,因为属性都是合法的字段。

    public class Student 
    { 
        private string name;  //字段
        public string Name    //属性
        { 
            set
            {
                name=value; //这里是给私有属性name赋值 
            }
            get
            {
                return name; //这里取出私有属性name的值 
            }
        } 
    }

    Java的类似,不过没有C#属性的概念,所有的都称为方法。

    public class Student {
        private String name;
        public String getName() {
            return name;
        }
        public void setName(String name) {
            this.name = name;
        }
    }

    所以其实JavaScript要模仿这些传统的后台,也要有一个类似类的概念的东西——Object.defineProperties

    上面的代码类似声明了一个类,定义了私有的属性_id,公有的方法id,里面有setget方法。
    那其实思路就变得很简单了,将POST的JSON数据包装成Model(这个过程会检验属性的正确性),然后对Model进行DAO操作。
    JavaScript模拟传统后台的东西就完全出来了。

    当然其实这部分包装成Model的过程完全可以不考虑,但是验证的过程你要写在Controller或者其他地方,既然都要写的,那还不如像传统后台一样多一层Model层。
    而且运行node.js的Chrome的V8解析器完全可以忽略Object.defineProperties的兼容性问题。

    综上所述,Object.defineProperties在开发后台的时候,用处非常大。可以用来创建实体类。

  • 相关阅读:
    actionbar中添加searchview并监听期伸缩/打开的方法
    Java基础学习总结(87)——坚持写Java等技术类博客的好处
    Nginx学习总结(3)——Nginx配置及应用场景之高级配置
    [置顶] 软件版本命名规范及各阶段说明
    戏说云计算之PaaS,IaaS,SaaS
    App后台开发运维和架构实践学习总结(4)——APP的注册和登录功能设计
    Maven学习总结(30)——Maven项目通用三级版本号说明
    Java Web学习总结(29)——Java Web中的Filter和Interceptor比较
    养成10个优秀的习惯
    Java基础学习总结(86)——Java异常处理机制Exception抛出异常时throw和throws用法详解
  • 原文地址:https://www.cnblogs.com/manfredHu/p/5148836.html
Copyright © 2020-2023  润新知