创建对象的方法
- 第一种:用构造函数来创建一个新对象
var obj = new Object();
obj.name = 'zhangsan';
obj.age = 14;
obj.sayName=function() {
console.log(obj.name);
}
- 第二种:对象字面量创建,推荐使用这种方法。
var Obj = {
name:'zhangsan',
age:16,
sayName:function(){
console.log(this.name);
}
}
数据属性
-
数据属性:包含一个数据值的位置,在这可以对数据值进行读写。
-
数据属性包含的四个特性:
configurable:表示是否能通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认是true。
enumerable:表示能否通过for-in循环返回属性。(属性直接定义在对象中,默认为true)
writable:表示能否修改属性的值。(属性直接定义在对象中,默认为true)
value:包含这个属性的数据值
修改
- 要修改默认的特性,要用Object.defineProperty()方法
// 使用方法
// Object.defineProperty(Obj,prop,description)
// obj:需要定义属性的对象
// prop:需定义或修改的属性的名字
// description:一个包含设置的对象
// 例子
var person = {
name:'tfyye',
age:18
}
Object.defineProperty(person,'name',{
configurable:false,// 不可删除 默认true
writable:false,//不可修改 默认true
enumerable:false,//不可循环遍历 默认true
value:'marry',//属性值
})
读取
- 通过Object.getOwnPropertyDescriptor()方法获取指定对象上一个自有属性对应的属属性描述。
var obj = {
name:'marry'
}
console.log(Object.getOwnPropertyDescriptor(obj,'name'));
//结果:{
value: 'marry',
writable: true,
enumerable: true,
configurable: true
}
注意:
- 直接在对象上定义的属性,它们的[configurable]、[Enumerable]、[Writable]特性都比设置为true,[[Value]]特性被设置为了特定的值。
访问器属性
- 访问器属性不包含数据值,它们包含一对getter和setter函数(这两个函数都不是必须的)。在读取访问器属性是会调用getter函数,这个函数会负责返回有效值,在写入访问器属性时,会调用setter函数并传入新值。这个函数负责决定如何处理数据。
- 访问器属性的四个特性:
configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。直接在对象上定义的属性,这个特性的默认值为false。
Enumerable:表示能否通过for-in循环返回属性,默认值为false
get:在读取属性时调用的函数,默认值为undefined
set:在写入属性时调用的函数,默认值为undefined
定义
- 访问器不能直接定义,必须使用Object.defineProperty()来定义。
例子:
// 创建一个对象
var person = {
// 内部属性
_birthday:2000,
age:1
}
Object.defineProperty(person,'birthday',{
get:function () {
return this._birthday
},
set:function (newValue) {
if (newValue != this._birthday) {
this._birthday=newValue
this.age++
}
},
})
// person.birthday get操作 通过点语法获取一个属性的值
person.birthday=100//100 实参 传递到形参newValue
console.log(person.birthday);
// console.log(person._birthday);
两种属性的区别:
- 使用Object.definedProperty()对数据进行设置
Object.defineProperty(person , 'age' , {
// 设置是否可以得delete删除掉
configurable:true,
// 是否可以欸forin循环遍历出来
enumerable:true,
// 是否可以修改值
writable:false,
// 设置属性对应的值
value:20
})
- 使用Object.defineProperty()对存储器属性的设置方法如下:
Object.defineProperty(person,'gender',{
get:function() {
},
set:function () {
},
enumerable:true,//可枚举性
configurable:true//设置该属性是否能被删除,以及enumerable属性是否可以被修改
})
- 从上面的例子中,我们观察到存储器属性并没有value和writable两个属性,取而代之的是set和get属性