config对象

在js中经常定义一个config对象来保存当前对象里面的一些临时变量；定义这个变量可以被对象中所有的属性访问到，可以避免重复，减少内存占用，统一管理；

如：

<script>
    function dateFormat(date,format){
        var o = {
            "M+" : date.getMonth()+1, //month
            "d+" : date.getDate(),    //day
            "h+" : date.getHours(),   //hour
            "m+" : date.getMinutes(), //minute
            "s+" : date.getSeconds(), //second
            "q+" : Math.floor((date.getMonth()+3)/3),  //quarter
            "S" : date.getMilliseconds() //millisecond
        }
        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
                (date.getFullYear()+"").substr(4- RegExp.$1.length));
        for(var k in o)if(new RegExp("("+ k +")").test(format))
            format = format.replace(RegExp.$1,
                    RegExp.$1.length==1? o[k] :
                            ("00"+ o[k]).substr((""+ o[k]).length));
        return format;
    }

    //产品对象
    /*对象内如何使用对象的属性和方法：this，对象外如何使用：先实例化，后用点语法*/
    /*类 -- 抽象对象*/
    function Product(name,price) {
        /*属性 行为 可以为空或者给默认值*/
        this.name=name
        this.price=1000;
        this.description = '';
        this.zhekou = ''
        this.sales = ''
        this.produceDate
        /*我们的需求：自动计算打折后的价格*/
        Object.defineProperty(this, "price", {
            value:5000000,
            writable: false,
        });
        Object.defineProperty(this, "produceDate", {
            get: function () {
                return dateFormat(produceDate,'yyyy年MM月dd日');
            },
            set: function (value) {
                produceDate = value;
            }
        });
        var that = this;
        //定义一个变量 ：这个变量可以被对象中所有的属性访问到。。。。
        /*避免重复，减少内存*/
        /*统一管理*/
        this.config = {
            btnConfirm: document.getElementById('btn'),
            btnBuy: document.getElementById('btn'),
            btnAddCart: document.getElementById('btn'),
            domProductName :  document.getElementById('pname'),
            domProductPrice :  document.getElementById('pprice'),
            sum :  1000,
            des :  document.getElementById('pdes'),
            youhuijia :  document.getElementById('pyouhui'),
            zhekou :  document.getElementById('pzhekou'),
            sales :  document.getElementById('psales'),
            date :  document.getElementById('date')
        }
        function bindDOM(){
            /*绑定元素*/
            /*通过点语法访问对象中的属性或者方法*/
            that.config.name.innerHTML=that.name
            that.config.price.innerHTML=that.price
            that.config.des.innerHTML=that.description
            that.config.youhuijia.innerHTML=that.youhuijia
            that.config.zhekou.innerHTML=that.zhekou
            that.config.sales.innerHTML=that.sales
            that.config.date.innerHTML=that.produceDate
        }
        function bindEvents(){
            /*绑定事件*/
            that.config.btn.onclick = function(){
                that.addToCart()
            }
        }
        this.init = function(){
            bindDOM()
            bindEvents()
        }
    }

    //定义对象的两种方式
    Product.prototype={

        getPrice:function() {
            return this.price
        },
        addToCart:function(){
            alert('将物品添加到购物车')
        }
    }

    Product.prototype.buy=function(){
    }
    Product.prototype.addToCart=function(){

    }

    /*搭积木开发 -- 代码可读性极高*/
    window.onload=function() {

        /*实例化 -- 实例 -- 具体*/
        //如何使用
        //对象的使用必须先实例化，对象定义好之后，都是抽象的，必须实例化成具体
        var iphone = new Product()
        /*给对象的赋值赋值，也可以新增属性*/
        iphone.name='iphone7'
        iphone.price=6000
        iphone.description='手机中的战斗机'
        iphone.youhuijia=3000
        iphone.zhekou=3.0
        iphone.sales=40000
        iphone.produceDate=new Date()
        /*无法使用私有成员*/
//        iphone.bindDOM()
//        iphone.bindEvents()
        /*只能使用共有成员*/
        iphone.init()
    }

</script>