JavaScript的进阶之路（四）理解对象1-CSDN博客

对象是JavaScript的基本数据类型。简单的名值对组成了对象，BUT：还可以从一个被称为原型的对象继承属性，对象的方法通常就是继承的属性。
对象最常见的用法有：创建、设置、查找、删除、检测、枚举它的属性。
三类对象
- 内置对象：Array Function Date RegExp
- 宿主对象：HTMLElement对象
- 自定义对象：由运行中的JavaScript代码创建的对象
两大属性
- 自有属性（own property）直接在对象中定义的属性
- 继承属性（inherited property）从原型对象中继承的属性

创建对象

//简单的创建对象
            var o={};
            var o1={x:1,y:2};
            var o3={x:o1.x,y:o1.y+1};
            var o4={x:1,y:2,z:{x:3,y:4}};
            var books={
                "main title":"main title",
                ah:"jack",
                name:"name"
            };
            var o5= new Object();
            var o6=Object.create({x:1,y:2,z:function(){}});
//通过原型继承创建一个新对象
            function inherit(p){
                if(p==null){
                    throw TypeError();
                }
                if(Object.create){
                    return Object.create(p);
                }else{
                    var t= typeof(p);
                    if(t!=="object" && t!== "function"){
                        throw TypeError();
                    }else{
                        function f(){};
                        f.prototype=p;
                        return new f();
                    }
                }                
            }
//通过继承设置对象的属性
            var o7=inherit(o6);   //这里o7继承了o6
            o7.y=3;
            console.log(o7.y);  //覆盖了继承的属性 3
            console.log(o6.y);  //原型中的属性不变 2
            console.log(o7.x);  //继承了原型的属性 1

查询和设置属性

var books={
                "main title":"main title",
                ah0:"Jack",
                ah1:"Dava",
                name:"name"
            };
            var title=books["main title"];
            var ah=books.ah;
            books.time="2017-05-01";
            books.ah="Dava";
            console.log(ah);   //jack
            console.log(books.time);
            //var lens=books.subtitle.length;  //这里会报错
            var len=books && books.subtitle && books.subtitle.length; //短路写法不报错
            console.log(len);  //undefined
            //数组写法相对灵活
            var ah = "";
            for(var i=0;i<2;i++){
                ah +=books["ah"+i]+" "; 
            }
            console.log(ah);

删除属性

//删除属性
            console.log(books.name);
            delete books["name"];
            delete books["main title"];
            console.log(books["main title"]);
            console.log(books.name);
            var x = 1;
            function f(){};
            delete f; //不能删除全局函数
            delete x;  //不能删除var全局变量
            console.log(x);
            console.log(f);

检测属性

//检测属性
            var obj = {x:1};
            console.log("x" in obj);  //不管继承的还是自有的 都返回true
            console.log(obj.x !== undefined);     //同in方法，但不能区分x=undefined这种情况
            //常见的用法
            if(o.x!=null){}  //如果o中含有x属性，且x的不是null和undefined
            if(o.x){}         //如果o中含有x属性，且不是null、undefined、0、NaN、false。即o.x不能转换成false
            console.log(obj.hasOwnProperty("x"));  //检测自有属性
            console.log(obj.propertyIsEnumerable("x")); //检测可枚举的自有属性

枚举属性

//枚举属性
            var o6={x:1,y:2,z:{x:1,y:2},f:function(){}};
            var o11 = inherit(o6);
            for(var p in o6){
                if(!o6.hasOwnProperty(p)) continue;  //这里跳过继承的属性
                if(typeof o6[p]==="function") continue; //这里跳过方法
                console.log(p);   //for in 方法遍历对象所有可枚举的属性 包括自有属性和继承属性
            }
            console.log(Object.keys(o6)); //返回一个数组，由对象中可枚举的自有属性的名称组成
            console.log(Object.getOwnPropertyNames(o6)); //返回一个数组，由对象中所有自有属性的名称组成

属性getter和setter

//属性getter和setter
            
            var v={
                Name:"吴琼",
                Age:28,
                set r(name){this.Name = name;},
                get r(){return this.Name;},
                set s(age){this.Age = age;},
                get s(){return this.Age;},
                get f(){return this.Age;}
            }
            //读取get
            console.log(v.Name);  //吴琼
            console.log(v.Age);  //28
            console.log(v.r);  //吴琼
            console.log(v.f);  //28
            //设置set
            v.r="张红";
            v.s=27;
            console.log(v.Name);  //张红
            console.log(v.Age);  //27
            console.log(v.r);  //张红
            console.log(v.f);  //27

属性的特性

//属性的特性:值value(get) 可写性writable(set)  可枚举性enumerable 可配置性configurable
            //得到自有属性的描述符，想要获得继承属性的描述符，需要遍历原型链Object.getPrototypeOf()
            //返回一个对象{value: "张红", writable: true, enumerable: true, configurable: true}
            //对不存在的属性和继承属性返回undefined
            console.log(Object.getOwnPropertyDescriptor(v,"Name"));  
            //设置属性的描述符Object.defineProperty Object.defineProperties()
            Object.defineProperty(v,"Name",{value:"欧红",writable:true,numerable:false,configurable:true});    
            Object.defineProperties(v,
                {
                    "Name":{value:"欧红",writable:true,numerable:false,configurable:true},
                    "Age":{value:18,writable:true,numerable:false,configurable:true}
                }
            );
            console.log(v.Name);
            console.log(v.Age);
            //不能随便修改属性的特性，必须遵循某些规则 如果属性是不可配置的