defineProperty有点类似于定于在Object上的静态方法,通过Object直接调用,它接收3个参数:
obj:需要定义属性的对象
propNane:需要被定义的属性名称
defineProperty:属性描述符,包含一些属性的特性定义
例子如下:
var obj = {}; Object.defineProperty(obj, "name", { value: "name", configurable: true, writable: true, enumerable: true });
(2)Object.defineProperties
和defineProperty类似,是用来定义对象属性的,不同的是它可以用来同时定义多个属性,我们通过命名也可以看出来,用法如下:
var obj = {}; Object.defineProperty(obj, { "name": { value: "name", configurable: true, writable: true, enumerable: true }, "age": { value: 20 } });
(3)Object.getOwnPropertyDescriptor
ES5中还提供了一个读取特性值的方法,该方法接收对象及其属性名作为两个参数,返回一个对象,根据属性类型的不同,返回对象会包含不同的值。
var person = { _age: 10, type: "小孩" } Object.defineProperty(person, "age", { get: function () { return this._age; }, set: function (newValue) { this._age = newValue; this.type = newValue > 17 ? "成人" : "小孩"; } }) console.log(Object.getOwnPropertyDescriptor(person, "type"));//Object {value: "成人", writable: true, enumerable: true, configurable: true} console.log(Object.getOwnPropertyDescriptor(person, "age")); //Object {enumerable: false, configurable: false, get: function(),set: function ()}
Object的方法
在ES5中,Object对象上新增了一批方法,这些方法可以直接通过Object进行访问,前面用到的defineProperty就是新增的方法之一。除此之外还有很多方法,我将其总结归纳如下:
对象创建型方法
Object.create(proto, [propertiesObject])
在前面我们提到,创建一个对象有两种方法:构造函数和对象字面量。
这两种方法有一个缺点就是:如果要创建多个对象,写起来很繁琐,所以后来就有了一种创建自定义构造函数的方法来创建对象,如下所示:
function Person(name, age) { this.name = name; this.age = age; } var person = new Person("Jack", 15);
这种方式可以很方便的创建多个同样的对象,也是目前比较常用的方法。
ES5提供的Object.create方法也是一个创建对象的方法,这个方法允许为创建的对象选择原型对象,不需要定义一个构造函数。用法如下:
var obj = Object.create(Object.prototype, { name: { value: "Jack" } }) console.log(obj.name);//Jack
这个方法接收的第一个参数作为被创建对象的原型,第二个参数是对象的属性。注意:在这个例子中,name属性是无法被修改的,因为它没有设置writable特性,默认则为false。
个人看法:Object.create这种创建对象的方式略显繁琐,除非是需要修改属性的特性,否则不建议使用这种方式创建对象。
属性获取型方法
Object.keys
Object.keys是用来获取给定对象的所有可枚举的自身属性的属性名,它返回一个数组。
function Parent() { this.lastName = "Black" } function Child(firstName) { this.firstName = firstName; } Child.prototype = new Parent(); var son = new Child("Jack"); console.log(Object.keys(son));//["firstName"]
代码中返回了firstName,并没有返回从prototype继承而来的lastName和不可枚举的相关属性。
在一些旧的浏览器中,我们可以使用hasOwnProperty和for…in来达到类似的效果。
Object.keys = Object.keys || function (obj) { var keys = []; for (var key in obj) { if (obj.hasOwnProperty(key)) { keys.push(key); } } return keys; } Object.getOwnPropertyNames()
getOwnPropertyNames用来获取对象自身的所有属性,包括可枚举和不可枚举的所有属性,如下所示:
function Parent() { this.lastName = "Black" } function Child(firstName) { this.firstName = firstName; } Child.prototype = new Parent(); var son = new Child("Jack"); Object.defineProperty(son, "age", { enumerable: false }) console.log(Object.keys(son));//["firstName"] console.log(Object.getOwnPropertyNames(son));//["firstName", "age"]
我们定义给son对象定义了一个不可枚举的属性age,然后通过keys和getOwnPropertyNames两个方法来获取属性列表,能明显看出了两者区别。
属性特性型方法
这个主要是前面提到的三个方法:defineProperty,defineProperties和getOwnPropertyDescriptor三个方法
对象限制型方法
ES5中提供了一系列限制对象被修改的方法,用来防止被某些对象被无意间修改导致的错误。每种限制类型包含一个判断方法和一个设置方法。
阻止对象扩展
Object.preventExtensions()用来限制对象的扩展,设置之后,对象将无法添加新属性,用法如下:
复制代码 代码如下:
Object.preventExtensions(obj);