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;

javascript 理解对象--- 属性类型的更多相关文章

  1. JavaScript--我发现,原来你是这样的JS:面向对象编程OOP[1]--(理解对象和对象属性类型)

    一.介绍 老铁们,这次是JS的面向对象的编程OOP(虽然我没有对象,心累啊,但是可以自己创建啊,哈哈). JS高程里第六章的内容,这章内容在我看来是JS中很难理解的一部分.所以分成三篇博客来逐个理清. ...

  2. JS--我发现,原来你是这样的JS:面向对象编程OOP[1]--(理解对象和对象属性类型)

    一.介绍 老铁们,这次是JS的面向对象的编程OOP(虽然我没有对象,心累啊,但是可以自己创建啊,哈哈). JS高程里第六章的内容,这章内容在我看来是JS中很难理解的一部分.所以分成三篇博客来逐个理清. ...

  3. JavaScript 面向对象的程序设计(一)之理解对象属性

    首先,JavaScript 面向对象的程序设计,主要分三部分. 理解对象属性: 理解并创建对象: 理解继承. 本文主要从第一方面来阐述: 理解对象属性 首先我们来理解Javascript对象是什么?在 ...

  4. JavaScript判断对象的类型

    JavaScript判断对象的类型 最近阅读了一些关于JavaScript判断对象类型的文章.总结下来,主要有constructor属性.typeof操作符.instanceof操作符和Object. ...

  5. JavaScript 访问对象属性和方法及区别

    这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考 属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...

  6. 【java】java获取对象属性类型、属性名称、属性值

    java获取对象属性类型.属性名称.属性值 获取属性 修饰符:[在Field[]循环中使用] String modifier = Modifier.toString(fields[i].getModi ...

  7. C# 取得对象属性类型

    1.对象 Object obj; 2.对象属性 Type postType = obj.GetType(); PropertyInfo[] postTypeInfos = postType.GetPr ...

  8. JavaScript 之 对象属性的特性 和defineProperty方法

    对象是无序属性的集合,而这些属性在创建是都带有一些特征值(可以理解为属性的属性,天生自带的),这些特征值是为了实现JavaScript引擎用的,因此JavaScript不能直接访问. JavaScri ...

  9. JavaScript: 理解对象

    ECMA-262 把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.” 严格来讲,这就相当于说对象是一组没有特定顺序的值.对象的每个属性或者方法都有一个名字,而每个名字都映射到一个值 ...

随机推荐

  1. Spring_day04--SSH框架整合过程

    SSH框架整合过程 第一步 导入jar包 第二步 搭建struts2环境 (1)创建action,创建struts.xml配置文件,配置action (2)配置struts2的过滤器 第三步 搭建hi ...

  2. Struts2_day01--访问action的方法

    访问action的方法(重点) 1 有三种方式实现 第一种 使用action标签的method属性,在这个属性里面写执行的action的方法名称 第二种 使用通配符方式实现 第三种 动态访问实现(不用 ...

  3. axios如何进行跨域以及对返回格式为回调函数字符串的处理

    自从vue2.0开始不对vue-resouce进行维护了,转而用axios进行代替,axios的官方文档写的很详细,附上链接一枚:http://www.jianshu.com/p/df464b26ae ...

  4. UIScrollView小记

    视图的滚动过程,其实是在不断修改原点坐标.当手指触摸后,ScrollView会暂时拦截触摸事件,使用一个计时器.假如在计时器到点后没有发生手指移动事件,那么ScrollView发送tracking e ...

  5. jQuery中的find()与filter()

    这是jQuery里常用的2个方法.他们2者功能是完全不同的. <div class="css"> <p class="rain">测试1 ...

  6. flask中db.init_app(app)讲解

    http://www.pythondoc.com/flask/extensiondev.html http://www.pythondoc.com/flask/extensiondev.html#fl ...

  7. mysql一个特殊的条件.字符串除以0的结果.

    select *  form  user  where  username = ''/1; 一开始一看以为还是错误的语法.... 结果出来一堆结果.. 原来条件是  ''除以1 ''除以1 结果是什么 ...

  8. PHP Ajax跨域解决

    PHP Ajax 跨域问题最佳解决方案 本文通过设置Access-Control-Allow-Origin来实现跨域. 例如:客户端的域名是client.runoob.com,而请求的域名是serve ...

  9. echarts容器动态设置高度

    测试提了bug,柱状图数据多的情况下,都叠到了一起,效果如下图. 要解决这个bug,首先想到的是让柱状图的容器自适应高度.于是,把原本div上写固定的高度去掉. <div id="my ...

  10. 二叉树的先序、中序、后序和中序遍历——Java实现

    package treeTraverse; /** * 定义一个树的结点类 */ public class Node { private int data; private Node leftChil ...