javascript 理解对象--- 属性类型

ECMA-262 把对象定义为:无序属性的集合,其属性可以包含基本值、对象或者函数;

var Person = {
name:"wsc",
age :"25",
job :"software engineer",
sayname : function(){
alert(this.name)
}
}
var person = new Object();
person.name="wsc";
person.age = "26";
person.job = "software engineer";
person.sayname=function(){
alert(this.name);
}

ECMA-262 第5版中定义对象的两种属性:数据属性和访问属性;(为表示特性是内部值,规范将其放在两对方括号中,如[[Enumerable]])

1.数据属性:包含一个数据值的位置。在这个位置可以读取和写入值。

  4个描述行为的特性;

    (1).[[Configurable]]   // 默认为true ,作用:可以delete删除属性从而重新定义属性;支持修改属性;支持把属性改成访问属性。
    (2).[[Enumerable]]    // 默认为true,作用:可以使用for-in 循环返回属性;
    (3).[[writable]]         // 默认为true ,作用:可以修改属性值;
    (4).[[Value]]             //默认undefined 作用:包含这个属性的数据值;

  修改属性默认的特性 ,方法是Object.defineProperty(),参数(对象名,属性名,描述符对象),如;  

var person={};
Object.defineProperty(person,"name",{
writable:false,
value : "wsc"
}); alert(person.name) ;//wsc
person.name = "wscir";//在严格模式下,此操作会抛错
alert(person.name);//wsc;

  注意:a.一旦将属性定义为不可配置的,就不能再把他变回可配置。此时在调用Object.defineProperty()方法修改除writable之外的特性,都会导致错误;
        b.在调用Object.defineProperty()方法时,如果不指定,coonfigurable、enumerable、writable特性的默认值都是false;
      c.只能在DOM对象上使用此方法,而且只能创建访问器属性,不要再IE8中使用Object.defineProperty()方法;

2.访问属性:不包含数据值,它包含一对getter和setter函数(都不是必须的),读取访问属性时 调用getter函数,写入访问属性时,调用setter函数。

  4个描述行为的特性;

    (1).[[Configurable]]   // 默认为true ,作用:可以delete删除属性从而重新定义属性;支持修改属性;支持把属性改成访问属性。
    (2).[[Enumerable]]    // 默认为true,作用:可以使用for-in 循环返回属性;
    (3).[[Get]]         // 默认为undefined ,作用:读取属性时调用的函数;
    (4).[[Set]]             //默认undefined 作用:写入属性时调用的函数;

  访问属性不能直接定义 ,必须使用Object.defineProperty()来定义,如;  

var book={
  _year : 2004,
  edition : 1
};
Object.defineProperty(book,"year",{
  get:function(){
    return this._year;  
  },
  set:function(newValues){
    if(newValues > 2004){
      this._year = newValues;
      this.edition +=newValues - 2004
    }
  }
}); book.year = 2005 ;
alert(book.edition);//2; //兼容浏览器有:IE9+ Firefox4+ Safari5+ Opera12+ 和chrome,不支持Object.defineProperty()方法的浏览器中不能修改[[configuarable]]、[[Enumerable]];
var book={
  _year : 2004,
  edition : 1
};
//定义访问器旧有的方法,由Firefox引入 Safari3 Opera9 和chrome1
Object._defineGetter_("year",function(){
  return this._year;  
});
Object._defineSetter_("year",function(newValues){
  if(newValues > 2004){
    this._year = newValues;
    this.edition +=newValues - 2004
  }
});

book.year = 2005 ;
alert(book.edition);//2;
上一篇:js面向对象的程序设计 --- 上篇(理解对象)


下一篇:Javascript中对象的Obeject.defineProperty()方法-------------(ES5/个人理解)