1.以字面量方式创建一个对象
var obj = { name: 'Jone', age: 25 };
包含的基本信息：
自身的:
键名(属性名):name,age
键值(属性值):Lee,20
属性描述信息:
age: {
value: 20,值
writable: true,可修改
enumerable: true,可枚举
configurable: true
},
name: {
value: "Lee",
writable: true,
enumerable: true,
configurable: true
}
继承的:
Object.prototype上的属性方法,例如constructor,toString()等
obj.age = 18; //可修改
for(var i in obj){ //name,age属性可遍历
console.log(i+":"+obj[i])
}
//name:Lee
//age:18
delete obj.age; //可删除
console.log( obj.age ); //undefined
属性描述符
在javaScript中，对象的属性分为两种类型：数据属性和访问器属性。
数据属性：它包含的是一个数据值的位置，在这可以对数据值进行读写。
configurable :若为true，则该属性可以被改变并且该属性可以从对应对象中删除。
enumerable :若为true，则该属性可以用 for..in 枚举
value :与属性关联的值。可以是任何有效的JavaScript值（数字，对象，函数等）。
writable :若为true，则该属性可修改
访问器属性：包含的是一对get和set方法，在读写访问器属性时，就是通过这两个方法来进行操作处理的。
configurable :若为true，则该属性可以被改变并且该属性可以从对应对象中删除。
enumerable :若为true，则该属性可以用 for..in 枚举。
get :作为该属性的 getter 函数，函数返回值将被用作属性的值。
set :作为属性的 setter 函数，函数将仅接受参数赋值给该属性的新值。
2.获取对象属性描述符
Object.getOwnPropertyDescriptor()返回一个自身属性对应的属性描述符。
Object.getOwnPropertyDescriptors()(ES6)返回所有自身属性的描述符。
var obj = { name: 'Jone', age: 25 };
var d1 = Object.getOwnPropertyDescriptor(obj, "name");
console.log(d1);
//{value: "Jone", writable: true, enumerable: true, configurable: true}
var d2 = Object.getOwnPropertyDescriptor(obj, "age");
console.log(d2);
//{value: 25, writable: true, enumerable: true, configurable: true}
var d3 = Object.getOwnPropertyDescriptors(obj);
console.log(d3);
/*
{
age: {value: 25, writable: true, enumerable: true, configurable: true},
name: {value: "Jone", writable: true, enumerable: true, configurable: true}
}
*/
3.修改对象属性描述符
Object.defineProperty()定义新的属性或修改现有属性，并返回该对象。
Object.defineProperties()定义新的属性或修改现有属性，并返回该对象。
var obj = { a:1,b:2 }; //字面量创建的对象，其自身属性是可修改，可枚举，可配置
Object.defineProperty(obj, 'a', {
value:10,
enumerable: false, //修改为不可枚举
configurable: false, //修改为不可配置
writable: false, //修改为不可修改
});
console.log(obj.a); //10
for(var i in obj){
console.log(i) //b (只有b ,a不可枚举)
}
delete obj.a; //删除该属性无效
console.log(obj.a); //10
obj.a = 111; //修改无效
console.log(obj.a); //10
var obj = { a:1,b:2 };
Object.defineProperty(obj, 'c', { //添加属性 c
value:10,
//省略不写,默认都是 false
});
console.log(obj.c); //10 属性c是不可枚举,不可修改,不可配置的
var obj = { a:1 }; //字面量创建的对象，其自身属性是可修改，可枚举，可配置
Object.defineProperties(obj, { //修改 obj 的属性描述或添加属性
a: {
value: 10,
writable: false //修改属性描述为不可修改
},
b: {
value: 2, //新增属性，其他描述不声明全部取默认值，不可修改，不可枚举，不可配置
}
});
console.log(obj); //{a: 10, b: 2}
obj.a = 111; //修改无效
console.log(obj.a); //10
obj.b = 222; //修改无效
console.log(obj.b); //2
4.创建一个对象
Object.create()创建一个新对象，使用现有的对象来提供新创建对象的原型对象。
创建一个原型为 null 的空对象
var o = Object.create(null);
console.log( o.__proto__ === undefined ); //true
创建一个原型为 { m: 1 } 的空对象
var a = { m: 1 };
var b = Object.create(a);
console.log( b.__proto__ === a ); //true
创建一个以另一个空对象为原型,且拥有一个属性 p 的对象
var o = Object.create({}, { p: { value: 42 } });
以字面量方式创建的空对象就相当于: Object.create(Object.prototype)
var o = {};
console.log( o.__proto__ === Object.prototype ); //true
创建一个原型为 Object.prototype 对象并添加属性
var obj = Object.create(Object.prototype, {
age:{
value:20,
writable: true, //可更改
enumerable: true, //可枚举
configurable: true //可配置
}
});
//等同于 var obj = { age:20 };
for(var i in obj){ //可枚举
console.log(i) //age
}
obj.age = 33; //可修改
console.log(obj.age); //33
delete obj.age; //可删除
console.log(obj.age); //undefined
创建一个带有访问器属性的对象
var obj = Object.create(Object.prototype, {
// foo会成为所创建对象的数据属性
foo: {
value: "hello"
},
// bar会成为所创建对象的访问器属性
bar: {
configurable: false,
get: function() {
return this.value ? this.value : 10 //默认值为 10
},
set: function(value) {
this.value = this.bar + value //设置值时，在其原值上加上设置的值
}
}
});
console.log(obj); //{foo: "hello"}
console.log(obj.foo); //hello
console.log(obj.bar); //10
obj.bar = 30;
console.log(obj.bar); //40
obj.bar = 60;
console.log(obj.bar); //100
网友评论