Object类型

操作对象的属性

属性描述符

JavaScript提供了一个内部数据结构,用于描迹对象的值,控制其行为,例如该属性是否可写、是否可配置、是否可修改以及是否可枚举等。这个内部数据结构被称为“属性描述符”。

每个属性都有自己对应的属性描述符,保存该属性的元信息。

{
	value: '卧龙学苑',
	writable: false,
	enumerable: true,
	configurable: false,
	get: undefined,
	set: undefined
}

对象里目前存在的属性描述符有两种主要形式:数据描逑符和存取描述符。

数据描述符

数据描述符是一个具有值的属性,该值可能是可写的,也可能不是可写的。数据描述符具有以下可选健值:

  • value:该属性对应的值。可以是任何有效的JavaScript值(数值,对象,函数等)。默认为undefined。
  • writable: 当且仅当该属性的writable为true时,value才能被赋值运算符改变。默认为false。
  • configurable:当且仅当该属性的configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为false。
  • enurnerable:当且仅当该属性的enunerable为true时,该属性才能够出现在对象的枚举属性中。默认为false。

存取描述符

存取描述符是由getter-setter函数对描述的属性。存取描述符具有以下可选键值:

  • get:给属性提供getter的方法,如果没有getter则为undefined。当访问该属性时,该方法会被执行,方法执行时没有参数传入,但是会传入this对象。
  • set:给属性提供setter的方法,如果没有setter则为undefined。当属性值修改时,触发执行该方法。该方法将接受唯一参数,即该属性新的参数值。
  • configurable:当且仅当该属性的configurable为true时,该属性描迹符才能够被改变
    同时该属性也能从对应的对象上被删除。默认为falseo。
  • enumerable:当且仅当该属性的enurnerable为true时,该属性才能够出现在对象的枚举属性中。默认为false。

获取属性描述符

ObjectgetOwnPropertyDesariptor()方法返回指定对象上一个自有属性对应的属性描述符。

Object.getOwnPropertyDescriptor(obj, prop)

obj:需要查找的目标对象。

prop:目标对象内属性名称( String类型)。

返回值:如果指定的属性存在于对象上,则返回其属性描迹符对象,否则返回undefined注意:如果该方法的第一个参数不是对象,会报错(TypeError ) 。

var obj= {}
obj.attr= '启嘉网';
/*
{value:“启嘉网", writable: true, enumerable: true, configurable: true}
*/
console.log(Object.getOwnPropertyDescriptor(obj,'attr'));

设置属性描述符

1.ObjectdefineProperty)方法为对象定义新属性或修改现有属性,并返回该对象。

object.defineProperty(obj, prop, descriptor)
  • obj:要在其上定义属性的对象。Drop:要定义或修改的属性的名称。
  • descriptor:将被定义或修改的属性描述符。
  • 返回值:被传递给函数的对象。

2.ObijectdefineProperties()方法为对象定义一个或多个新属性或修改现有属性,并返回该对象。

object.defineProperties(obj, props)
  • obj:要在其上定义属性的对象。
  • props:要定义其可枚举属性或修改的属性描述符的对象。
  • 返回值:被传递给函数的对象。

属性描述符的可选键值

1.value:表示目标属性对应的值。可以是任何有效的JavaScript值(数值,对象,函数等)。默认为undefined。

var obj= {};

obj.p.= 123;

var attr = Object.getOwnPropertyDescriptor(obj, 'p');

console.log(attr.value);// 123

Object.defineProperty(obj, 'p', { value: 246 });

console.log(obj.p)// 246

说明:直接定义对象的属性,该属性既可以读取,也可以修改。

2.writable: Boolean值,表示目标属性的值是否可以被修改。当且仅当该属性的writable为true时,
value才能被赋值运算符改变。默认为false。

var obj ={};
Object.definePropertv(obj, 'attr', {
	value: '启嘉班',writable: false
});

console.log(obj.attr);//启嘉班
obj.attr = 100;
console.log(obj.attr);//启嘉班

3.configurable: Boolean值,表示目标属性的描述符是否可以被修改。当且仅当该属性的
configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为false。

var obj = 0bject.defineProperty({}, 'attr', {
	value: '启嘉班',
	configurable: false
});
// TypeError; Cannot redefine property: attr
Object.defineProperty(obj, 'attr', {value: 100});
Object.defineProperty(obj, 'attr', {writable:true});
Object.defineProperty(obj, 'attr', {enumerable:true});
Object.defineProperty(obj, 'attr', {configurable: true});

4.enumerable: Boolean值,表示目标属性是否可遍历。当且仅当该属性的enumerable为true时该属性才能够出现在对象的枚举属性中。默认为false。

如果对象的属性的enumerable的值为false,以下三种操作取不到该属性:

  • for…in语句
  • Object.keys()方法
  • JSON.stringify()方法
var obj={};
Object.defineProperty(obj, 'attr', { value: '卧龙学苑', enumerable: false});
for (var key in obj) { console.log(key); }//没有任何输出
console.log(Object.keys(obj));//[]
console.log(JSON.stringify(obj));//""

属性描述符的存取器

对象的属性除了可以直接定义以外,还可以使用存取器进行定义。其中setter为存值函数,使用属t描述符中的set; getter为取值函数,使用属性描迹符中的get。

var obj = Object.defineProperty(, 'attr', {
	get: function () {
		return '启嘉班';
	},
	set: function (value) {
		console.log( 'setter: ' + value);
	}
});
console.log(obj.attr);//"启嘉班"
obj.attr = 100;// "setter: 100"

JavaScript中除了上述存取器的写法之外,还提供了以下写法:

var obj= {
	get attr() {
		return '启嘉班';
	},
    set attr(value) {
	    console.log('setter: ' + value);
    }
}
console.log(obj.attr);//"启嘉班"
obj.attr= 100;// "setter: 100"

防篡改对象

防篡改是什么

定义的对象默认在任何时候、任何位置,无论有意义的还是无意义的都可以修改对象的属性或方法。而这些篡改可能会影响对象的内置属性或方法,从而导致对象的正常功能可能无法使用。

JavaScript在ECMAScript 5版本中新增了放置篡改对象的属性或方法的机制,共提供了以下三级保护方式:

  1. 禁止扩展:禁止为对象扩展新的属性或方法
  2. 密封对象:禁止扩展新的属性或方法,禁止配置现有的属性或方法的描述符,仅允许读写属性的
    值。
  3. 冻结对象:禁止对对象执行任何修改操作。

禁止扩展

如果禁止为对象扩展新的属性或方法,需要修改对象属性的extensible为false。

  • Object.preventExtensions()方法用于设置指定对象不可扩展,即不能新增属性或方法
  • ObjectisExtensible()方法判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。
var obj.={};
Object.preventExtensions(obj);obj.attr.= '启嘉班';
console.log(Object.isExtensible(obj));// false
console.log(obj.attr);// undefined

密封对象

密封对象,就是指禁止为对象扩展新的属性或方法,并且禁止修改现有属性的描述符。

  • Obiectseal()方法用于封闭一个对象,阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。
  • Obiect.isSealed()方法判断一个对象是否被密封。
//最简单的方法来生成一个密封对象,当然是使用Object.seal.
var sealed = i;
Object.seal(sealed);
Object.isSealed(sealed); //=== true

//一个密封对象同时也是不可扩展的.
Object.isExtensible(sealed); // === false

冻结对象

冻结对象,就是指禁止对对象执行任何修改操作。

  • Objectfreeze()方法用于冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。
  • Object.isErozen()方法判断一个对象是否被冻结。
//使用object.freeze是冻结一个对象最方便的方法.
var frozen = { 1: 81};
Object.isFrozen(frozen)//=== false
Object.freeze(frozen);
Object.isFrozen(frozen)//=== true

Object.isSealed(frozen)//一个冻结对象也是一个密封对象.
Object.isExtensible(frozen)//当然,更是一个不可扩展的对象.
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值