ES5中的Object拓展方法

ES5中的Object拓展方法

ES5给Object拓展了一些静态方法，常用的有两个：

1.Object.create(prototype,[descriptors])

作用：以制定对象(prototype参数)为原型创建新的对象

参数: prototype-----原型对象 descriptors----一个配置对象，对创建的新对象的属性进行配置

 var obj = {userName:"孙悟空",age:500}
 var obj1 = {}
 //以obj为原型创建新的对象
 obj1 = Object.create(obj,{
 	sex:{
 		value: "male",
 		writable:false,
 		configurable: false,
 		enumerable:false
 	}
})

配置对象中的参数说明

1)value: 为拓展属性指定值

2)writable: 标识当前拓展属性值是否是可以修改的，默认值是false

3)configurable: 标识当前拓展属性值是否可以被删除，默认值是false

4)enumerable:标识在使用for…in…遍历对象属性时，当前属性是否能被枚举。所谓枚举，即是对象的属性在被遍历访问时，当前属性能不能被访问到。

2.Object.defineProperties(object,descriptors)

作用：为指定对象(object)定义一个或多个拓展属性

参数： descriptors也是一个配置对象

var obj = {firstName:"curry",lastName:"stephen"}
//为obj定义拓展属性
Object.defineProperties(obj,{
	name: {
		get: function(){
			//当尝试访问对象的拓展属性时自动调用get方法
			alert("getter被调用")
			return this.firstName + " " + this.lastName
		},
		set: function(data){
			//当尝试修改对象的拓展属性时会自动调用set方法
			alert("setter被调用")
			var fullName = data.split(" ");
			this.firstName = fullName[0]
			this.lastName = fullName[1]
		}
	}
})
//访问对象的拓展属性时会自动调用getter，此时会弹出对话框并且在控制台中打印"curry stephen"
console.log(obj.name)
//尝试修改对象的拓展属性时会自动调用setter，此时会弹出对话框，由于拓展属性中的writable默认为false
//只能通过setter来间接修改拓展属性
obj.name = "yao ming"

Object.defineProperties中的[getter]和[setter]

正如上述代码所示,get函数和set函数就是[getter]和[setter].