数据属性和访问器属性

创建对象的方法

  • 第一种:用构造函数来创建一个新对象
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属性
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值