JavaScript中的Object对象学习教程

参数：
（1）obj
必需。Object 对象分配到的变量名称。
（2）值
可选。任一 JavaScript 基元数据类型（数字、布尔值或字符串）。如果值是一个对象，则返回的对象是未修改的。如果值是 null、“未定义”或“未提供”，则创建无内容的对象。

Object对象的方法

Object作为构造函数使用时，可以接受一个参数。如果该参数是一个对象，则直接返回这个对象；如果是一个原始类型的值，则返回该值对应的包装对象。利用这一点，可以写一个判断变量是否为对象的函数。

function isObject(value) {
 return value === Object(value);
}

要在Object对象上面部署一个方法，有两种做法。

部署在Object对象本身
部署在Object.prototype对象
Object.keys方法和Object.getOwnPropertyNames方法很相似，一般用来遍历对象的属性。它们的参数都是一个对象，都返回一个数组，该数组的成员都是对象自身的（而不是继承的）所有属性名。两者区别在于，前者只返回可枚举的属性，后者还返回不可枚举的属性名。由于数组存在不可枚举属性length，因此一般使用Object.keys遍历数组。

JavaScript没有提供计算对象属性个数的方法，可通过 Object.keys(o).length 和 Object.getOwnPropertyNames(o).length 获取。

Object.observe方法用于观察对象属性的变化。

原型链相关方法：

Object.create()：生成一个新对象，并该对象的原型。
Object.getPrototypeOf()：获取对象的Prototype对象。
Object实例对象的方法

Object.prototype.valueOf()：valueOf方法的作用是返回一个对象的值，默认情况下返回对象本身。该方法的主要用途是，JavaScript自动类型转换时会默认调用这个方法。

Object.prototype.toString()：toString方法的作用是返回一个对象的字符串形式。当对象用于字符串加法时，会自动调用toString方法。

使用call方法，可以在任意值上调用Object.prototype.toString方法，从而判断这个值的类型。不同数据类型的toString方法返回值如下：

数值：返回[object Number]
字符串：返回[object String]
布尔值：返回[object Boolean]
undefined：返回[object Undefined]
null：返回[object Null]
对象：返回”[object “ + 构造函数的名称 + “]”

Object.prototype.toString.call(2) // "[object Number]"
Object.prototype.toString.call('') // "[object String]"

利用这个特性，可写出一个比typeof运算符更准确的类型判断函数。

var type = function (o){
 var s = Object.prototype.toString.call(o);
 return s.match(/\[object (.*?)\]/)[1].toLowerCase();
};

type({}); // "object"
type([]); // "array"
type(5); // "number"

在上面这个type函数的基础上，还可以加上专门判断某种类型数据的方法。

['Null', 'Undefined', 'Object', 'Array', 'String', 'Number',
'Boolean', 'Function', 'RegExp', 'Element', 'NaN', 'Infinite'
].forEach(function (t) {
 type['is' + t] = function (o) {
  return type(o) === t.toLowerCase();
 };
});

type.isObject({}); // true
type.isNumber(NaN); // false
type.isElement(document.createElement('div')); // true

对象的属性模型

在JavaScript内部，每个属性都有一个对应的attributes对象，保存该属性的一些元信息。使用Object.getOwnPropertyDescriptor方法，可读取o对象的p属性的attributes对象。attributes对象包含如下元信息：

value：表示该属性的值，默认为undefined（只要writable和configurable有一个为true，就可以改动）。
writable：表示该属性的值（value）是否可以改变，默认为true。
enumerable：表示该属性是否可枚举，默认为true，也就是该属性会出现在for…in和Object.keys()等操作中。一般来说，系统原生的属性（即非用户自定义的属性）都是不可枚举的。
表示“可配置性”，默认为true。如果设为false，表示无法删除该属性，也不得改变attributes对象（value属性除外，如果writable为true，仍可改变value），也就是configurable属性控制了attributes对象的可写性。
表示该属性的取值函数（getter），默认为undefined。
表示该属性的存值函数（setter），默认为undefined。

var o = { p: 'a' };
Object.getOwnPropertyDescriptor(o, 'p');
// Object {
//  value: "a",
//  writable: true,
//  enumerable: true,
//  configurable: true
// }

Object.defineProperty方法允许通过定义attributes对象，来定义或修改一个属性，然后返回修改后的对象。格式如下：

Object.defineProperty(object, propertyName, attributesObject)
Object.defineProperty方法接受三个参数，第一个是属性所在的对象，第二个是属性名（它应该是一个字符串），第三个是属性的描述对象。通过此方法定义属性，属性对象的writable、configurable、enumerable三个属性的默认值都为false。

Object.defineProperty(o, "p", {
 value: "bar"
});
Object.getOwnPropertyDescriptor(o, 'p');
// Object {
//  value: "bar",
//  writable: false,
//  enumerable: false,
//  configurable: false
// }

如果一次性定义或修改多个属性，可以使用Object.defineProperties方法。需要注意的是，一旦定义了取值函数get（或存值函数set），就不能将writable设为true，或者同时定义value属性，否则会报错。

var o = Object.defineProperties({}, {
 p1: {value: 123, enumerable: true},
 p2: {value: "abc", enumerable: true},
 p3: {
  get: function () {
   return this.p1 + this.p2
  },
  enumerable: true,
  configurable: true
 }
});

enumerable可以用来设置“秘密”属性，如果一个属性的enumerable为false，则 for..in 循环、Object.keys 方法和 JSON.stringify 方法都不会取到该属性，但可以通过 o.xx 直接获取它的值。

for…in循环和Object.keys方法的区别在于，前者包括对象继承自原型对象的属性，而后者只包括对象本身的属性。如果需要获取对象自身的所有属性，不管enumerable的值，可以使用Object.getOwnPropertyNames方法。

可配置性决定了一个变量是否可以被删除（delete）。当使用var命令声明变量时，变量的configurable为false，而不使用var命令声明变量时（或者使用属性赋值的方式声明变量），变量的可配置性为true。这说明，delete只能删除对象的属性。

var a1 = 1; // configurable: false
a2 = 1; // configurable: true（等价于this.a2 = 1）

除了直接定义以外，属性还可以用存取函数（accessor）定义。其中，存值函数称为setter，使用set命令；取值函数称为getter，使用get命令。利用存取函数，可以实现数据对象与DOM对象的双向绑定。

Object.defineProperty(user, 'name', {
 get: function () {
  return document.getElementById("foo").value
 },
 set: function (newValue) {
  document.getElementById("foo").value = newValue;
 },
 configurable: true
});

控制对象状态

JavaScript提供了三种方法，精确控制一个对象的读写状态，防止对象被改变。最弱一层的保护是preventExtensions，其次是seal，最强的freeze。

Object.preventExtensions方法可以使得一个对象无法再添加新的属性，但可以用delete命令删除它的现有属性。Object.isExtensible方法可以用来检查是否可以为一个对象添加属性。

Object.seal方法使得一个对象既无法添加新属性，也无法删除旧属性。Object.seal还把现有属性的attributes对象的configurable属性设为false，使得attributes对象不再能改变。Object.isSealed方法用于检查一个对象是否使用了Object.seal方法。

Object.freeze方法可以使得一个对象无法添加新属性、无法删除旧属性、也无法改变属性的值，使得这个对象实际上变成了常量。Object.isFrozen方法用于检查一个对象是否使用了Object.freeze()方法。

使用上面这些方法锁定对象的可写性，但是依然可以通过改变该对象的原型对象，来为它增加属性。

var o = new Object();
Object.preventExtensions(o);
var proto = Object.getPrototypeOf(o);
proto.t = "hello";
o.t
// hello

一种解决方案是，把原型也冻结住。

var o = Object.seal(
 Object.create(Object.freeze({x:1}),
   {y: {value: 2, writable: true}})
);
Object.getPrototypeOf(o).t = "hello";
o.t // undefined

PS：
Object 对象包含在所有其他 JavaScript 对象中；它的所有方法和属性均可用于所有其他对象。方法可在用户定义的对象中进行重新定义，并由 JavaScript 在适当时间调用。 toString方法是频繁重新定义的 Object 方法的一个示例。
在此语言参考中，每个 Object 方法的说明均包括内部 JavaScript 对象的默认和对象特定的实现信息。
IE兼容方面，微软MSDN文档的话是”已在 Internet Explorer 6 之前的 Internet Explorer 中引入 Object Object“，所以不用担心~

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：notice#nhooo.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

基础教程