Object对象的相关属性和方法

Object介绍

JS中所有的其他object类型都继承Object的属性和方法，也就是说其他的对象都是Object的实例对象（例如：Array）。
所以Object的方法分为Object原生方法和实例方法。

对象本身的方法

所谓本身方法就是直接定义在Object上的方法

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

实例方法

实例方法就是定义在Object的原型对象Object.protorype上的方法，可以被Object实例对象所继承。

Object.prototype.print = function(){
	console.log('abc');
}
const obj = new Object();
obj.print(); //abc

如上，在Object的原型对象Object.prototype上定义了print事件，obj是Object的一个实例，obj也有了print事件。

点击 原型与原型链 查看相关描述

Object()作为方法

Object()本身就是一个函数，它可以作为工具使用，将任意值转化为对象。
如果参数为空、undefined、null时返回一个空对象。

const obj = Object();
// 等同于
const obj = Object(undefined);
const obj = Object(null);
obj instanceof Object; //true

如上，三个obj是同一个结果，可以通过instanceof来判断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

如果参数是一个对象，则总是返回该对象

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

var value = {};
var obj = Object(value) // 返回原对象
obj === value // true

var fn = function () {};
var obj = Object(fn); // 返回原函数
obj === fn // true

利用这一点，我们可以自定义一个判断是否为对象的方法

function isObject(v){
	return v === Object(v);
}
isObject([]); //true
isObject(1); //false 

Object()作为构造函数

Object()本身就是一个构造函数，所以可是使用new命令生成实例对象。它最大的作用就是用来生成实例对象。

const obj = new Object();
// 等价于
const obj = {};

如上，第一种我们以构造函数的形式生成变量obj，第二种我们以字面量形式声明，两者是等价的。可以说字面量形式只是一种简写方式。

作为构造函数使用的方法和作为方法使用基本一致，可以说一模一样。也可以传入参数，如果是基础数据类型则返回包装后的对象，如果是对象则返回原对象。

虽然用法一样，但是语义是不一样的，作为方法Object(value)表示返回一个value构成的对象，new Object(value)表示生成一个对象，对象的值是value。

Object静态方法

所谓“静态方法”，是指部署在Object对象自身的方法。

Object.keys()和Object.getOwnPropertyNames()

它们的参数是一个对象，返回一个数据，数组由参数对象的键值（非继承）构成。

const obj = {
	name: 'ccg',
	age: 20,
}
Object.keys(obj); //['name','age'];
Object.getOwnPropertyNames(obj); //['name','age'];

对于一般对象来说两者没有区别，但是当存在枚举属性时才会不一样。Object.keys()返回不包含枚举属性的数组，Object.getOwnPropertyNames()则包含枚举属性

const arr = ['a','b'];
Object.keys(obj); //[0, 1];
Object.getOwnPropertyNames(obj); //[0, 1, 'length'];

那么我们可以使用这两个属性来获取对象属性的个数

const obj = {
	name:'ccg',
	age:20
} 
Object.keys(obj).length; //2;
Object.getOwnPropertyNames(obj).length; //2

Object其他方法

对象属性模型相关方法

• Object.getOwnPropertyDescriptor()：获取某个属性的描述对象。
• Object.defineProperty()：通过描述对象，定义某个属性。
• Object.defineProperties()：通过描述对象，定义多个属性。

控制对象状态的方法

• Object.preventExtensions()：防止对象扩展。
• Object.isExtensible()：判断对象是否可扩展。
• Object.seal()：禁止对象配置。
• Object.isSealed()：判断一个对象是否可配置。
• Object.freeze()：冻结一个对象。
• Object.isFrozen()：判断一个对象是否被冻结。

原型链相关方法

• Object.create()：该方法可以指定原型对象和属性，返回一个新的对象。
• Object.getPrototypeOf()：获取对象的Prototype对象。
  点击 Object 查看更多

Object实例方法

有一些方法定义在Object.prototype上，实例会继承这些方法，所以这些方法被称为实例方法。
主要包含以下六种：

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

Object.prototype.valueOf()

返回一个对象的值，默认是对象本身。

var obj = new Object();
obj.valueOf() === obj // true

上面代码比较obj.valueOf()与obj本身，两者是一样的。

valueOf方法的主要用途是，JavaScript 自动类型转换时会默认调用这个方法

var obj = new Object();
1 + obj // "1[object Object]"

上面代码将对象obj与数字1相加，这时 JavaScript 就会默认调用valueOf()方法，求出obj的值再与1相加。所以，如果自定义valueOf方法，就可以得到想要的结果。

var obj = new Object();
obj.valueOf = function () {
  return 2;
};

1 + obj // 3

上面代码自定义了obj对象的valueOf方法，于是1 + obj就得到了3。这种方法就相当于用自定义的obj.valueOf，覆盖Object.prototype.valueOf。

Object.prototype.toString()

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

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

var o2 = {a:1};
o2.toString() // "[object Object]"

上面代码表示，对于一个对象调用toString方法，会返回字符串[object Object]，该字符串说明对象的类型。

字符串[object Object]本身没有太大的用处，但是通过自定义toString方法，可以让对象在自动类型转换时，得到想要的字符串形式。

var obj = new Object();

obj.toString = function () {
  return 'hello';
};

obj + ’ ’ + ‘world’ // “hello world”
上面代码表示，当对象用于字符串加法时，会自动调用toString方法。由于自定义了toString方法，所以返回字符串hello world。

数组、字符串、函数、Date 对象都分别部署了自定义的toString方法，覆盖了Object.prototype.toString方法。

[1, 2, 3].toString() // "1,2,3"

'123'.toString() // "123"

(function () {
  return 123;
}).toString()
// "function () {
//   return 123;
// }"

(new Date()).toString()
// "Tue May 10 2016 09:11:31 GMT+0800 (CST)"

上面代码中，数组、字符串、函数、Date 对象调用toString方法，并不会返
回[object Object]，因为它们都自定义了toString方法，覆盖原始方法。

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

Object.prototype.toString方法返回对象的类型字符串，因此可以用来判断一个值的类型。

var obj = {};
obj.toString() // "[object Object]"

上面代码调用空对象的toString方法，结果返回一个字符串object Object，其中第二个Object表示该值的构造函数。这是一个十分有用的判断数据类型的方法。

由于实例对象可能会自定义toString方法，覆盖掉Object.prototype.toString方法，所以为了得到类型字符串，最好直接使用Object.prototype.toString方法。通过函数的call方法，可以在任意值上调用这个方法，帮助我们判断这个值的类型。

Object.prototype.toString.call(value)

上面代码表示对value这个值调用Object.prototype.toString方法。

我们可以使用Object.prototype.toString，看出来一个变量是什么类型

Object.prototype.toString.call(2); // "[object Number]"
Object.prototype.toString.call(''); // "[object String]"
Object.prototype.toString.call(true); // "[object Boolean]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(Math); // "[object Math]"
Object.prototype.toString.call({}); // "[object Object]"
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(new Date()) // "[object Date]"

利用这个特性，可以写出一个比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); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"

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

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

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

type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true

Object.prototype.toLocaleString()

Object.prototype.toLocaleString方法与toString的返回结果相同，也是返回一个值的字符串形式。

var obj = {};
obj.toString(obj) // "[object Object]"
obj.toLocaleString(obj) // "[object Object]"

这个方法的主要作用是留出一个接口，让各种不同的对象实现自己版本的toLocaleString，用来返回针对某些地域的特定的值。

var person = {
  toString: function () {
    return 'Henry Norman Bethune';
  },
  toLocaleString: function () {
    return '白求恩';
  }
};

person.toString() // Henry Norman Bethune
person.toLocaleString() // 白求恩

上面代码中，toString()方法返回对象的一般字符串形式，toLocaleString()方法返回本地的字符串形式。
目前，主要有三个对象自定义了toLocaleString方法。

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

var date = new Date();
date.toString() // "Wed Aug 12 2020 11:22:52 GMT+0800 (中国标准时间)"
date.toLocaleString() // "2020/8/12 上午11:22:27"

Object.prototype.hasOwnProperty()

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

Object 文章中有详细描述与in的区别

var obj = {
  p: 123
};

obj.hasOwnProperty('p') // true
obj.hasOwnProperty('toString') // false

上面代码中，对象obj自身具有p属性，所以返回true。toString属性是继承的，所以返回false。