object

Posted 2021-01-19 2376020104ypj

Object是在javascript中一个被我们经常使用的类型，而且JS中的所有对象都是继承自Object对象的。虽说我们平时只是简单地使用了Object对象来存储数据，并没有使用到太多其他功能，但是Object对象其实包含了很多很有用的属性和方法，尤其是ES5增加的方法，因此，本文将从最基本的介绍开始，详细说明了Object的常用方法和应用。

创建对象

首先我们都知道，对象就是一组相似数据和功能的集合，我们就是用它来模拟我们现实世界中的对象的。那在Javascript中，创建对象的方式通常有两种方式：构造函数和对象字面量。

new构造函数法

 var person = new Object();

person.name = "唯恋她城";

person.age = 25;

这种方式使用new关键字，接着跟上Object构造函数，再来给对象实例动态添加上不同的属性。这种方式相对来说比较繁琐，一般推荐使用对象字面量来创建对象。

对象字面量

对象字面量很好理解，使用key/value的形式直接创建对象，简洁方便。

var person = {

　　name:"唯恋她城"，

　　age: 25

};

这种方式直接通过花括号将对象的属性包起来，使用key/value的方式创建对象属性，每个属性之间用逗号隔开。
注意：如果是最后一个属性，后面就不要加逗号，因为在一些旧的浏览器下会报错。

对象实例的属性和方法

不管通过哪种方式创建了对象实例后，该实例都会拥有下面的属性和方法，下面将会一一说明。

constructor属性

constructor属性是保存当前对象的构造函数，前面的例子中，constructor保存的就是Object方法。

var obj1 = new Object();
obj1.id = "obj1";
var obj2 = {
   "id": "obj2"
};

console.log(obj1.constructor);//function Object(){}
console.log(obj2.constructor);//function Object(){} 

 

hasOwnProperty(propertyName)方法

hasOwnProperty方法接收一个字符串参数，该参数表示属性名称，用来判断该属性是否在当前对象实例中，而不是在对象的原型链中。我们来看看下面这个例子：

var arr = [];

console.log(arr.hasOwnProperty("length"));//true

console.log(arr.hasOwnProperty("hasOwnProperty"));//false

在这个例子中，首先通过定义了一个数组对象的实例arr，我们知道数组对象实际是通过原型链继承了Object对象，然后拥有自己的一些属性，我们通过hasOwnProperty方法判断length是arr自己的属性，而hasOwnProperty是在原型链上的属性。
hasOwnProperty方法可以和for..in结合起来获取对象自己的key。

isPrototypeOf(Object)方法

isPrototype方法接收一个对象，用来判断当前对象是否在传入的参数对象的原型链上，说起来有点抽象，我们来看看代码。

function MyObject() {}

var obj = new MyObject();

console.log(Object.prototype.isPrototypeOf(obj));

我们知道MyObject是继承自Object对象的，而在JS中，继承是通过prototype来实现的，所以Object的prototype必定在MyObject对象实例的原型链上。

propertyIsEnumerable(prototypeName)方法

prototypeIsEnumerable用来判断给定的属性是否可以被for..in语句给枚举出来。看下面代码：

var obj = {

name: "objName"

}

 for (var i in obj) {

console.log(i);

}

执行这段代码输出字符串“name”，这就说明通过for…in语句可以得到obj的name这个属性，但是我们知道，obj的属性还有很多，比如constructor，比如hasOwnPrototype等等，但是它们没有被输出，说明这些属性不能被for…in给枚举出来，可以通过propertyIsEnumerable方法来得到。

console.log(obj.propertyIsEnumerable("constructor"));//false

判断“constructor”是否可以被枚举，输出false说明无法被枚举出来。

toLocaleString()方法

toLocalString方法返回对象的字符串表示，和代码的执行环境有关。

var obj = {};

console.log(obj.toLocaleString());//[object Object]

var date = new Date();

console.log(date.toLocaleString());//2016/2/28 下午1:39:27

 

toString()方法

toString用来返回对象的字符串表示。

var obj = {};

console.log(obj.toString());//[object Object] 

var date = new Date();

console.log(date.toString());//Sun Feb 28 2016 13:40:36 GMT+0800 (中国标准时间)

 

valueOf()方法

valueOf方法返回对象的原始值，可能是字符串、数值或bool值等，看具体的对象。

var obj = {

name: "obj"

};

console.log(obj.valueOf());//Object {name: "obj"}

var arr = [1];

console.log(arr.valueOf());//[1]

var date = new Date();

console.log(date.valueOf());//1456638436303

如代码所示，三个不同的对象实例调用valueOf返回不同的数据。