在JavaScript中对象被定义为"无序属性的集合,其属性可以包含基本值、对象或函数。"通俗点讲,我们可以把对象理解为一组一组的名值对,其中值可以是数据或函数。
创建自定义对象通常有两种方法,第一种就是创建一个Object的实例,然后再为其添加属性和方法,例如:
var person = new Object(); person.name = "Scott"; person.age = 24; person.sayName = function(){ alert(person.name); }
第二种方法即对象字面量法,一般推荐使用这种方法创建对象,例如:
var person = { name: "Scott", age: 24, sayName: function(){ alert(this.name); } }
属性类型
JavaScript中定义了两种不同的属性:数据属性和访问器属性。数据属性一般用于存储数据数值,而访问器属性一般进行get/set操作,不能直接存储数据数值。在ES5中,我们为了描述属性(property)的各种特征,定义了特性(attribute)。在JavaScript中不能直接访问特性,我们把它放在两对方括号中,例如[[Enumerable]]。
"htmlcode">
将person对象name属性的特性writable设置为false,此属性的值为不可修改的,因此对该属性的复制操作会直接忽略。 可以看到,当把name属性的特性值configurable设置为false之后,就表示不能从对象中删除属性。但需要注意的是,当把属性定义为不可配置之后,就不能把它变回可配置的了。此时修改除writable之外的其它特性都会报错,例如: 也就是说,在把configurable特性修改为false之后,再修改其它特性就会有限制存在。 "htmlcode">
属性前面的下划线表示只能通过对象方法访问的属性。当我们使用person.name时实际上调用的是name属性的getter函数,为person.name赋值时调用的是name属性的setter函数,这样属性和访问器之间的关系就很清晰了。 定义多个属性 实际上ES5为我们提供了为一个对象定义多个属性的方法,即Object.defineProperties(),该函数接收两个参数,属性所在的对象以及需要修改的属性及其描述符对象组成的对象,例如把上边的例子修改为一次性定义多个属性,如下: 读取属性的特性 ES5提供了Object.getOwnPropertyDescripter()方法来获取给定属性的描述符。该方法接收两个参数:属性所在的对象和要读取其描述符的属性名称。结果会返回一个对象,如果是访问器属性,返回的对象有configuable、enumerable、get和set;如果是数据属性,这个返回对象的属性包括configuable、enumerable、writable和value。对于上面的例如,使用如下: 上面的代码中获取了person对象的tel属性,由于其是一个访问器属性,所以其value为undefined,enumerable为false,而get为指向getter函数的一个指针。 以上这篇浅谈JavaScript 数据属性和访问器属性就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
var person = {
name: "Scott"
}
Object.defineProperty(person,"name",{
writable:false;
})
console.log(person.name); //"Scott"
person.name = "Evan";
console.log(person.name); //"Scott"
var person = {
name: "Scott"
}
Object.defineProperty(person,"name",{
configurable:false;
})
console.log(person.name); //"Scott"
delete person.name;
console.log(person.name); //"Scott"
var person = {
name: "Scott"
}
Object.defineProperty(person,"name",{
configurable:false;
})
Object.defineProperty(person,"name",{
configurable:true; //此处会抛出错误
})
var person = {
_name: "Scott",
_age: 24,
_tel: 86247
};
//name属性为只读的
Object.defineProperty(person,"name",{
get: function(){
return this._name;
}
});
//age属性为只写不可读的
Object.defineProperty(person,"age",{
set: function(p){
this._age = p;
}
});
//tel属性为可读可写的
Object.defineProperty(person,"tel",{
get:function(){
return this._tel;
},
set: function(p){
this._tel = p;
}
});
console.log(person.name); //"Scott"
person.name = "Evan";
console.log(person.name); //"Scott",对name属性的修改无效
console.log(person.age); //undefined,不可读属性
person.age = 25;
console.log(person._age); //25,已经修改
console.log(person.tel); //"86247",可读属性
person.tel = "13975";
console.log(person.tel); //"13975",可以修改
var person = {
_name: "Scott",
_age: 24,
_tel: 86247
};
Object.defineProperties(person,{
name:{
get: function(){
return this._name;
}
},
age:{
set: function(p){
this._age = p;
}
},
tel:{
get:function(){
return this._tel;
},
set: function(p){
this._tel = p;
}
}
});
var person = {
_name: "Scott",
_age: 24,
_tel: 86247
};
Object.defineProperties(person,{
name:{
get: function(){
return this._name;
}
},
age:{
set: function(p){
this._age = p;
}
},
tel:{
get:function(){
return this._tel;
},
set: function(p){
this._tel = p;
}
}
});
var descripter = Object.getOwnPropertyDescripter(person,"tel");
console.log(descripter.value); //undefined
console.log(descripter.enumerable); //false
console.log(typeof descripter.get); //"function"
javascript访问器属性
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。