ECMAScript5之Object学习笔记（三）

第三部分继续...

Object.getOwnPropertyDescriptor(obj, prop)

获取一个对象的属性描述符

根据"Own"这个词我们可以猜到，prop只能是obj的“直接”属性，prototype链上的无效

来几个直观的例子，以作说明：

     var person = {},
         nameDesc,    // name descriptor
         titleDesc,    // title descriptor
         ageDesc;    // age descriptor  

     person.name = 'Andrew';
     nameDesc = Object.getOwnPropertyDescriptor(person, 'name');

     console.dir(nameDesc);
     // { "configurable": true, "enumerable": true, "value": "Andrew", "writable": true }

     Object.defineProperty(person, 'title', {
         value: 'sales manager',
         writable: true
     });
     titleDesc = Object.getOwnPropertyDescriptor(person, 'title');

     console.dir(titleDesc);
     // { "configurable": false, "enumerable": false, "value": "sales manager", "writable": true }

     var _age = 25;
     Object.defineProperty(person, 'age', {
         get: function() {
             return _age + ' years old';
         },
         set: function(age) {
             _age = age;
         }
     });

     person.age = 20;
     console.log(_age);  //
     console.log(person.age)  // 20 years old

     ageDesc = Object.getOwnPropertyDescriptor(person, 'age');
     console.dir(ageDesc);
     // { "configurable": false, "enumerable": false, "get": function () {...}, "set": function (age) {...} }

Object.getOwnPropertyNames(obj)

获取对象的（非原型链上的）“直接”属性名集合（无论该属性是否可列举）

代码示例如下：

     var arr = ['1st', '2nd', '3rd'];
     console.log( Object.getOwnPropertyNames(arr) );
     // ["0", "1", "2", "length"] 

     var usa = {
         president: 'Obama',
         states: 52
     };
     console.log( Object.getOwnPropertyNames(usa) );
     // ["president", "states"] 

     Object.defineProperty(usa, 'population', {
         enumerable: false,
         value: '300million'
     });
     // 即使属性不可列举，依然能获得
     console.log( Object.getOwnPropertyNames(usa) );
     // ["president", "states", "population"] 

Object.getPrototypeOf(obj)

返回对象的prototype

上代码：

     var Base = function() {}

     Base.prototype.base_method1 = function() {};
     Base.prototype.base_method2 = function() {};

     var base = new Base();

     console.log( Object.getPrototypeOf(base) );
     // { base_method1: function, base_method2: function }

     var Sub = function() {
         Base.call(this);
     }

     Sub.prototype = Object.create(Base.prototype);
     Sub.prototype.constructor = Sub;

     Sub.prototype.sub_method1 = function() {};

     var sub = new Sub();
     console.log( Object.getPrototypeOf(sub) );
     // { constructor: function, sub_method1: function, base_method1: function, base_method2: function }

为了方便说明，chrome中输出的内容如下：

从上面的例子，可以发现Object.getPrototypeOf(obj)可以返回对象的prototype，并且通过prototype链（通过__proto__）可以查看到”基类“从”父类“上继承的方法（或属性）。

在chrome中还可以看到返回的prototype对象包括constructor（构造函数）和__proto__（非标准，但现代浏览器都支持，当然IE除外）

Object.keys(obj)

返回对象自身的可列举属性集合

上代码：

     var arr = ['Tom', 'Focker', 'linkon'];
     console.log( Object.keys(arr) );
     // ["0", "1", "2"]

     var person = {
         name: 'Andrew',
         age: 25,
         gender: 'male'
     };
     console.log( Object.keys(person) );
     // ["name", "age", "gender"]

     Object.defineProperty(person, 'address', {
         value: 'SuZhou,China',
         enumerable: false
     });
     // address属性不可以列举，所以Object.keys的返回结果不变
     console.log( Object.keys(person) );
     // ["name", "age", "gender"]

第三部分就到此为止。