时间戳

首页 > 技术文章 > Object对象

Object对象

chris-jichen 2018-11-30 13:22 原文

原文地址：https://wangdoc.com/javascript/
JavaScript原生提供Object对象。JavaScript的所有其他对象都继承自Object对象，即都是Object的实例。Object对象的原生方法分为两类：Object本身的方法与Object的实例方法。
Object对象本身的方法
所谓本身的方法就是直接定义在Object对象的方法。

Object.print = function (o) {
    console.log(o);
};

上面代码中，print就是直接定义在Object对象上。
Object的实例方法
所谓实例方法就是定义在Object原型对象Object.prototype上的方法。它可以被Object实例直接使用。

Object.prototype.print = function() {
    console.log(this);
};
var obj = new Object();
obj.print() //Object

上面代码中，Object.prototype定义了一个print方法，然后生成一个Object的实例obj。obj直接继承了Object.prototype的属性和方法，可以直接使用obj.print调用print方法。也就是说，obj对象的print方法实质上就是调用Object.prototype.print方法。

Object()

Object本身是一个函数，可以当作工具方法使用，将任意值转为对象。这个方法常用于保证某个值一定是对象。
如果参数为空（或者为undefined和null），Object()返回一个空对象。
instanceof运算符用来验证，一个对象是否为指定的构造函数的实例。obj instanceof Object返回true，就表示obj对象是Object的实例。

var obj = Object(1);
obj instanceof Object; // true
obj instanceof Number; // true

var obj = Object("foo");
obj instanceof Object; // true
obj instanceof String; // true

var obj = Object(true);
obj instanceof Object; // true
obj instanceof Boolean; // true

上面代码中，Object函数的参数是各种原始类型的值，转换成对象就是原始类型值对应的包装对象。
如果Object方法的参数是一个对象，它总是返回该对象，即不用转换。

var arr = [];
var obj = Object(arr); // 返回原数组
obj === arr // true

利用这一点，可以写一个判断变量是否为对象的函数。

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

Object构造函数

Object不仅可以当作工具函数使用，还可以当作构造函数使用，即前面可以使用new命令。Object构造函数的首要用途是直接用它来生成新对象。
Object构造函数的用法与工具方法很相似，几乎一模一样。使用时，可以接受一个参数，如果该参数是一个对象，则直接返回这个对象；如果是一个原始类型的值，则返回该值对应的包装对象。
虽然很相似，但是Object(value)与new Object(value)两者的语义是不同的，Object(value)表示将value转成一个对象，new Object(value)则表示新生成一个对象，它的值是value。

Object的静态方法

所谓静态方法，是指部署在Object(value)对象自身的方法。

Object.keys()，Object.getOwnPropertyNames()

Object.keys方法和Object.getOwnPropertyNames方法都用来遍历对象的属性。Object.keys方法的参数是一个对象，返回一个数组。该数组的成员都是该对象自身的（而不是继承的）所有属性名。
Object.getOwnPropertyNames方法和Object.keys类似，也是接受一个对象作为参数，返回一个数组，包含了该对象自身的所有属性名。
对于一般的对象来说Object.keys()和Object.getOwnPropertyNames()返回的结果都一样。只有涉及不可枚举属性是，才会有不一样的结果。Object.keys方法只返回可枚举的属性，Object.getOwnPropertyNames方法还返回不可枚举的属性名。

var a = ["hello", "world"];
Object.keys(a) // ["0", "1"]
Object.getOwnPropertyNames(a) // ["0", "1", "length"]

其他方法

除了上面提到的两个方法，Object还有不少其他静态方法。
（1）对象属性模型的相关方法

  • Object.getOwnPropertyDescriptor()：获取某个属性的描述对象。
  • Object.defineProperty()：通过描述对象，定义某个属性。
  • Object.defineProperties()：通过描述对象，定义多个属性。
    （2）控制对象状态的方法
  • Object.preventExtensions()：防止对象扩展。
  • Object.isExtensible()：判断对象是否可扩展。
  • Object.seal()：禁止对象配置。
  • Object.isSealed()：判断一个对象是否可配置。
  • Object.freeze()：冻结一个对象。
  • Object.isFrozen()：判断一个对象是否被冻结。
    （3）原型链相关方法
  • Object.create()：该方法可以指定原型对象和属性，返回一个新的对象。
  • Object.getPropertyOf()：获取对象的Prototype对象。

Object的实例方法

除了静态方法，还有不少方法定义在Object.prototype对象。它们称为实例方法，所有Object的实例对象都继承了这些方法。
Object实例对象的方法，主要有以下六个。

  • Object.prototype.valueOf()：返回当前对象对应的值。
  • Object.prototype.toString()：返回当前对象对应的字符串形式。
  • Object.prototype.toLocaleString()：返回当前对象对应的本地字符串形式。
  • Object.prototype.hasOwnProperty()：判断某个属性是否为当前对象自身的属性，还是继承自原型对象的属性。
  • Object.prototype.isPrototypeOf()：判断当前对象是否为另一个对象的原型。
  • Object.prototype.propertyIsEnumerable()：判断某个属性是否可枚举。

Object.prototype.valueOf()

valueOf方法的作用是返回一个对象的值，默认情况下返回对象本身。

Object.prototype.toString()

toString方法的作用是返回一个对象的字符串形式，默认情况下返回类型字符串。

var o1 =  new Object();
o1.toString() // "[object Object]"

上面代码会返回字符串[object Object]，该字符串说明对象的类型。
字符串[object Object]本身没有太大的用处，但是通过自定义toString方法，可以让对象在自动类型转换是，得到想要的字符串形式。
数组、字符串、函数、Date对象分别部署了自定义的toString方法，覆盖了Object.prototype.toString方法。

toString()的应用：判断数据类型

Object.prototype.toString方法返回对象的类型字符串，因此可以用来判断一个值得类型。上面空对象调用toString返回的字符串object Object，其中第二个Object表示该值的构造函数。
由于实例对象可能会自定义toString方法，覆盖掉Object.prototype.toString方法，所以为了得到类型字符串，最好直接使用Object.prototype.toString方法。通过函数的call方法调用。

  • 数值：返回[object Number]。
  • 字符串：返回[object String]。
    ...
    利用这个特性，可以写出一个比typeof运算符更准确的类型判断函数。
var type = function(o) {
    var s = Object.prototype.toString.call(o);
    return s.match(/\[object (.*?)\]/)[1].toLowerCase();
}

Object.prototype.toLocaleString()

Object.prototype.toLocaleString方法与toString返回结果相同，也是返回一个值得字符串形式。这个方法的主要作用是留出一个接口，让各种不同的对象实现自己版本的toLocaleString，用来返回针对某些地域的特定的值。
目前主要有三个对象自定义了toLocaleString方法。

  • Array.prototype.toLocaleString()
  • Number.prototype.toLocaleString()
  • Date.prototype.toLocaleString()
    举例来说，日期的实例对象的toString和toLocaleString返回值就不一样，而且toLocaleString的返回值跟用户设定的所在地域有关。

Object.prototype.hasOwnProperty()

Object.prototype.hasOwnProperty方法接受一个字符串作为参数，返回一个布尔值，表示该实例对象自身是否有该属性。

var obj = {
    p: "123",
};

obj.hasOwnProperty("p"); // true
obj.hasOwnProperty("toString"); // false

上面代码中，对象obj自身具有p属性。toString属性是继承来的。

推荐阅读