ECMA5中定义的对象属性特性和方法
ECMA5规定了只有内部才有的特性,描述了属性的各种特征,这些特性用于实现JavaScript引擎,因此在Js中不能直接访问他们。为了标识特性,我们一般会他们放入两对方括号中。
ECMAScript中有两种属性:数据属性、访问器属性,其中访问器属性不能直接定义,而是通过Object.defineProperty()方法来定义创建,下面会讲这种方法。

需要修改属性默认的特性,则要用到Object.defineProperty()方法了。
Object.defineProperty(属性所在对象,属性名字,描述符对象):其中描述符对象的属性包括configurable、enumerable、writable、value,可修改其中的一或多个属性来修改对应的特性值。
此方法在IE8中只能在DOM对象上使用,而且只能创建访问器属性。(部分实现)
完全实现这个方法的浏览器有:IE9+、Firefox 4+、Safari 5+、Opera 12+、Chrome。
*configurable、enumerable、writable这三个属性若不指定,则默认为false。
var person={};
Object.defineProperty(person,'name',{
value:'a'
});
delete person.name;
alert(person.name);//a
var person2={};
Object.defineProperty(person2,'name',{
configurable:true,
value:'a'
});
delete person2.name;
alert(person2.name);//undefined
若将configurable设置为false之后,再设置它为true是无效的。一旦把属性定义为不可配置的,就不能再把它变回可配置的了。
其他两个属性的使用如下:
var person={};
Object.defineProperty(person,'name',{
writable:false,
value:'a'
});
alert(person.name);//a
person.name='b';
alert(person.name);//a
Object.defineProperty(person,'name',{
enumerable:false
});
for(var prop in person){
alert(prop);//不显示
}

访问器属性的常见使用方式:设置一个属性的值导致其他属性发生变化:
var book={
_year:2004,//_标记着只能通过对象方法访问的属性
edition:1
};
Object.defineProperty(book,'year',{
get:function(){
return this._year;
},
set:function(newVal){
if(newVal>2004){
this._year=newVal;
this.edition+=newVal-2004;
}
}
});
book.year=2005;
alert(book.edition);//
除了Object.defineProperty()方法还有Object.defineProperties()方法可以定义多个属性,语法如下:
Object.defineProperties(属性所在对象,{属性1:{描述符对象},{属性2:{描述符对象}}......})
那么要如何获取属性的描述符呢?
Object.getOwnPropertyDescriptor()方法就能做到,语法如下:
Object.getOwnPropertyDescriptor(属性所在的对象,要读取其描述符的属性名称):返回描述符对象。
var person={};
Object.defineProperty(person,'name',{
writable:false,
value:'a'
});
var discriptor=Object.getOwnPropertyDescriptor(person,'name');
alert(discriptor.writable);//false
alert(discriptor.value);//'a'
原型对象.isPrototypeOf(实例对象):判断实例对象的原型是不是这个原型对象
Object.getPrototypeOf(实例对象):根据实例对象获得原型对象
function Person(){
}
Person.prototype.name='a';
Person.prototype.sayName=function(){
alert(this.name);
}
var p1=new Person();
var p2=new Object();
alert(Person.prototype.isPrototypeOf(p1));//true
alert(Person.prototype.isPrototypeOf(p2));//false
alert(Object.getPrototypeOf(p1));//Object object(Person也是Object,所以会返回Object)
alert(Object.getPrototypeOf(p2));//Object object
alert(Object.getPrototypeOf(p1)==Person.prototype);//true
alert(Object.getPrototypeOf(p1).name);//'a'
alert(Object.getPrototypeOf(p2)==Person.prototype);//false
实例对象.hasOwnProperty(属性):检测一个属性是存在于实例中,还是存在于原型中。若存在于实例中,则返回true。
function Person(){
}
Person.prototype.name='a';
Person.prototype.sayName=function(){
alert(this.name);
}
var p1=new Person();
var p2=new Person();
p2.name='b';
alert(p1.hasOwnProperty('name'));//false
alert(p2.hasOwnProperty('name'));//true
但是上面的方法若是遇到不存在于原型对象也不存在于实例对象中的属性也返回false,这样就不好判断是不是存在于原型对象中,所以就要用到In操作符了。
in操作符:在通过对象能访问给定属性时返回true,无论在实例对象还是原型对象中。
结合in操作符,我们可以定义一个检测属性位于实例对象还是原型对象中的方法:
function Person(){
}
Person.prototype.name='a';
Person.prototype.sayName=function(){
alert(this.name);
}
var p1=new Person();
var p2=new Person();
p2.name='b';
alert(hasPrototypeProperty(p1,'name'));//true
alert(hasPrototypeProperty(p2,'name'));//false
function hasPrototypeProperty(obj,attr){
return !obj.hasOwnProperty(attr)&&(attr in obj);
}
Object.keys(对象):返回一个包含所有可枚举属性的字符串数组。
Object.getOwnPropertyNames(对象):返回所有属性,包括了不可枚举的属性。
function Person(){
}
Person.prototype.name='a';
Person.prototype.sayName=function(){
alert(this.name);
}
alert(Object.keys(Person.prototype));//name,sayName
alert(Object.getOwnPropertyNames(Person.prototype));//constructor,name,sayName
*注:constructor和prototype属性的[[Enumerable]]默认为false。
支持这两个方法的浏览器:IE 9+、Firefox 4+、Safari 5+、Opera 12+、Chrome。
ECMA5中定义的对象属性特性和方法的更多相关文章
- Spring中使用事务搭建转账环境方法二 相对简便的注解方法 ——配置文件注入对象属性需要setter方法 注解方法,不需要生成setter方法
XML配置文件代码如下: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=" ...
- vue2.x版本中Object.defineProperty对象属性监听和关联
前言 在vue2.x版本官方文档中 深入响应式原理 https://cn.vuejs.org/v2/guide/reactivity.html一文的解释当中,Object.defineProperty ...
- CorelDRAW中如何复制对象属性详解
复制对象属性是一种比较特殊.重要的复制方法,它可以方便而快捷地将指定对象中的轮廓笔.轮廓色.填充和文本属性通过复制的方法应用到所选对象中.本教程将详解CorelDRAW中如何复制对象属性. Corel ...
- 继承的基本概念: (1)Java不支持多继承,也就是说子类至多只能有一个父类。 (2)子类继承了其父类中不是私有的成员变量和成员方法,作为自己的成员变量和方法。 (3)子类中定义的成员变量和父类中定义的成员变量相同时,则父类中的成员变量不能被继承。 (4)子类中定义的成员方法,并且这个方法的名字返回类型,以及参数个数和类型与父类的某个成员方法完全相同,则父类的成员方法不能被继承。 分析以上程
继承的基本概念: (1)Java不支持多继承,也就是说子类至多只能有一个父类. (2)子类继承了其父类中不是私有的成员变量和成员方法,作为自己的成员变量和方法.(3)子类中定义的成员变量和父类中定义的 ...
- js 中对象属性特性的描述
如何自定义属性的特性? 用对象.属性的特性和自定义的属性的特性有什么区别? 它的四大特性 writable enumerable configable 有什么区别? 先预习一个用对象.属性 ...
- VB 中定义FileSystemObject对象,要先添加对象
存取文件的方法有很多种,可以使用上述VB提供的函数,使用Windows API函数等等,但是最简单的方法是使用FileSystemObject对象. 1.使用FileSystemObject对象 F ...
- javascript中的array对象属性及方法
Array 对象 Array 对象用于在单个的变量中存储多个值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, e ...
- javascript中的style只能取到在HTML中定义的css属性
如果在css中定义的 li{ width:100px; left:100px; top:; position:absolute; font-style:normal; } 这样执行: oli[0].s ...
- JS中delete删除对象属性
1.删除对象属性 function fun(){ this.name = 'mm'; } var obj = new fun(); console.log(obj.name);//mm ...
随机推荐
- 系统学习Javaweb11----综合案例1
学习内容: 1.综合案例-需求说明 2.综合案例-需求分析 3.综合案例-需求实现-网页顶部部分 4.案例-需求实现-网页导航条 5.综合案例-需求实现-网页主体部分 6.综合案例-需求实现-网页主体 ...
- AtCoder Grand Contest 033
为什么ABC那么多?建议Atcoder多出些ARC/AGC,好不容易才轮到AGC…… A 签到.就是以黑点为源点做多元最短路,由于边长是1直接bfs就好了,求最长路径. #include<bit ...
- 《VSTO开发中级教程》刘永富 著 清华大学出版社 在线购买
现在可以和作者 刘永富 通过“二手书直卖”这个APP直接买书. 二手书直卖 的下载方法: 方法一:加QQ群61840693,群共享中搜索“二手书直卖”,下载后打开即可. 方法二:从本帖下载:二手书直卖 ...
- Java复习(三)类中的方法
3.1方法的控制流程 与C/C++类似 3.2异常处理 Java处理错误的方法 抛出(throw)异常 在方法的运行过程中,如果发生了异常,则该方法生成一个代表该异常的代码并把它交给运行时系统,运行时 ...
- js几个常用的弹层
js弹层技术很常见,自己每次用上网找,一找一大堆. 对比了几种,考虑通用性和易用性,这里记录两个. jQueryUI的http://jqueryui.com/dialog/#modal-form ar ...
- django项目班笔记-模板抽取
目录 一.将前端静态文件放置到项目文件目录 二.模板设置 三.将静态文件拖放到项目对应目录 四.检查HTML文件中的应用是否自动更改了 4.1 文件引用没有改变的解决方法 4.2 设置static文件 ...
- [LC] 543. Diameter of Binary Tree
Given a binary tree, you need to compute the length of the diameter of the tree. The diameter of a b ...
- Could not open Hibernate Session for transaction; nested exception is org.hibernate.TransactionExcep linux下mysql修改连接超时wait_timeout修改后就ok了
Linux下mysql修改连接超时wait_timeout 1,首先: show variables like '%timeout%': 显示结果: +------------------------ ...
- python3下scrapy爬虫(第五卷:初步抓取网页内容之scrapy全面应用)
现在爬取http://category.dangdang.com/pg1-cid4008149.html网址上的商品价格,名称,评价数量 先准备下下数据:商品名,商品链接,评价数量 第一步:在item ...
- linux kill进程没有立刻停止
前些天在执行restart脚本的时候遇到了一个奇怪的问题:1.第一次执行进程不见了,启动失败2.第二次重启进程成功,但是在kill的时候提示进程不存在需要重启两次进程才能成功 查看日志文件:第一次重启 ...