属性：对象中可以保存数据的变量

属性的特性：
     数据属性的特性（默认值是false）：value、writable(可写否) 、enumerable(可否枚举)、configurable(可否重新配置)

   访问器属性的特性：get、set、enumerable、configurable  使用该访问器的特性来设置每个数据的形式，可以更加精准的确定是否只读、只写或者可读可写

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>数据属性和访问器属性</title>
    <script src="js/jquery.min.js"></script>
    <script >
        var employee = {
            monSalary: 5000,
            get yearSalary() {
                alert(" get yearSalary()被调用！");
                return this.monSalary * 12;
            },
            set yearSalary(value) {
                this.monSalary = value / 12;
            }
        };
//        alert(employee.yearSalary);
//        employee.yearSalary = 12000;
//        alert(employee.monSalary);

        var stu = {chinese:90};//为对象添加属性
        stu.math=80;             //为对象添加属性

        for(var p in stu){//遍历输出
            alert(p+'=>'+stu[p]);
        }
        //为对象添加一个新的数据属性

        Object.defineProperty(
                stu,
                'english',
                {
                    value:100,
                    writable:true,
                    enumerable:true,//可以枚举遍历出来：false就不枚举
                    configurable:true//怎么定义和后面的定义没有影响，不管定义为true还是false，后面再次定义都是可以生效的
                }
        );

        Object.defineProperty(
                stu,
                'english',
                {
                    value:130,
                    writable:false,//默认值是false:因为在上面就定义为true,之后再想改为false是无法改变的
                    enumerable:false,//可以枚举遍历出来：false就不枚举
                    configurable:false//重新配置属性的特性：再次定义也会生效。
                }
        );
        alert("english:"+stu.english);
        //枚举对象中的每个属性
        var arr=Object.keys(stu);
        alert(arr.length);

使用属性的特性定义一个新的访问器属性（访问器属性的特性）



Object.defineProperty{
  stu,
  'total',//给stu添加一个属性total,且描述该属性的四个特性
  {//属性的描述符对象--定义属性的特性
 get : function(){},
   set : function(value){},
  enumerable : true,
  configurable : true
   }
};


demo：正方形求面积和周长


  var square ={
         __width:0,//没有使用数据属性。而是使用两个下划线的方式转化为访问器属性的方式来传递不同的值
         get perimeter(){
             return this.__width * 4;
         },
         set perimeter(value){
             this.__width=value/4;
         },


         writable:true,//可更改


         configurable:true//可重新配置
     };

给square对象添加size属性  切记：get 和 set 必须使用冒号，否则size输出的是undefined
Object.defineProperty(
        square,
        'size',
        {
        get:function(){
         return this.__width * this.__width;
        },
        set:function(value){
         this.__width=Math.sqrt(value);
        },
            enumerable:true,//可枚举
            configurable:true//可重新配置
        }
);
     square.__width=10;
  alert("周长是："+square.perimeter);
  alert("面积是："+square.size);



    </script>
</head>
<body></body>
</html>
												


											
属性（property）的特性(attribute)的更多相关文章
	

    
						
  1. 如何获取类或属性的自定义特性(Attribute)
		
    如何获取类或属性的自定义特性(Attribute) 问题说明: 在ActiveRecord或者其他的ORM等代码中, 我们经常可以看到自定义特性(Attribute)的存在(如下面的代码所示) [Pr ...
    
		
    2. 
						
  2. 区分元素特性attribute和对象属性property
		
    × 目录 [1]定义 [2]共有 [3]例外[4]特殊[5]自定义[6]混淆[7]总结 前面的话 其实attribute和property两个单词,翻译出来都是属性,但是<javascript高 ...
    
		
    3. 
						
  3. 理解特性attribute 和 属性property的区别 及相关DOM操作总结
		
    查一下英语单词解释,两个都可以表示属性.但attribute倾向于解释为特质,而property倾向于解释私有的.这个property的私有解释可以更方便我们下面的理解. 第一部分:区别点 第一点:  ...
    
		
    4. 
						
  4. [C#] C# 知识回顾 - 特性 Attribute
		
    C# 知识回顾 - 特性 Attribute [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5911289.html 目录 特性简介 使用特性 特性 ...
    
		
    5. 
						
  5. .Net内置特性Attribute介绍
		
    特性Attribute概述 特性(Attribute)是一种特殊的类型,可以加载到程序集或者程序集的类型上,这些类型包括模块.类.接口.结构.构造函数.方法.字段等,加载了特性的类型称之为特性的目标. ...
    
		
    6. 
						
  6. day26 python学习  对象的接口，封装，私用属性 property
		
    # 抽象类和接口类 #** #不崇尚接口类 #python本身支持多继承,没有接口专用的语法.但是我知道接口的概念 # 接口类:# 是规范子类的一个模板,只要接口类中定义的,就应该在子类中实现# 接口 ...
    
		
    7. 
						
  7. C#中的特性 (Attribute) 入门 (一)
		
    C#中的特性 (Attribute) 入门 (一) 饮水思源 http://www.cnblogs.com/Wind-Eagle/archive/2008/12/10/1351746.html htt ...
    
		
    8. 
						
  8. C# 自定义特性Attribute
		
    一.特性Attribute和注释有什么区别 特性Attribute A:就是一个类,直接继承/间接继承Attribute B:特性可以在后期反射中处理,特性本身是没有什么*用的 C:特性会影响编译和运 ...
    
		
    9. 
						
  9. 特性attribute,声明和使用attribute,应用attribute,AOP面向切面,多种方式实现AOP
		
    1 特性attribute,和注释有什么区别2 声明和使用attribute3 应用attribute4 AOP面向切面5 多种方式实现AOP ---------------------------- ...
    
		
    10. 
						
  10. 分析Runtime的属性Property
		
    一.介绍 在OC中我们可以给任意的一个类以@property的格式声明属性,当然对于这个属性也会采用某一些属性关键字进行修饰,那么属性的真正的面目是啥样子的呢?其实,runtime源码中可以看到,pr ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 【运维】虚拟机如何安装CentOS
			
    Centos是Linux发行版本之一. 接下来说说,如何在虚拟机上面安装Centos 1,创建虚拟机的过程本文就不再赘述,相信读者可以自己探索出来. 2,创建好一个空白的虚拟机之后,会看到一个编辑虚拟 ...
    
			
    2. 
						
  2. 【转】fnmatch模块的使用——主要作用是文件名称的匹配，并且匹配的模式使用的unix shell风格
			
    [转]fnmatch模块的使用 fnmatch模块的使用 此模块的主要作用是文件名称的匹配,并且匹配的模式使用的unix shell风格.fnmatch比较简单就4个方法分别是:fnmatch,fnm ...
    
			
    3. 
						
  3. Pytorch tutorial 之Datar Loading and Processing (1)
			
    引自Pytorch tutorial: Data Loading and Processing Tutorial 这节主要介绍数据的读入与处理. 数据描述:人脸姿态数据集.共有69张人脸,每张人脸都有 ...
    
			
    4. 
						
  4. JavaScript-简介、ECMAScript5.0
			
    Javascript简介 web前端有三层: HTML:从语义的角度,描述页面的结构 CSS:从审美的角度,描述样式(美化页面) Javascript:从交互的角度,描述行为(提升用户体验) Java ...
    
			
    5. 
						
  5. LNMP下Nginx 中文文件名或目录404无法访问的解决方法
			
    貌似很多人还是会遇到中文乱码的问题,Apache可以使用mod_encoding支持中文目录和文件,LNMP下Nginx其实不需要安装额外的组件即可支持中文文件名或中文目录,下面说一下常见的CentO ...
    
			
    6. 
						
  6. Linux下设置时间
			
    Linux下设置时间 提供两种最根本有效的方式,就是更改时区.这里以更改为国内上海时间例子,其他地方时区同理. 方法一 备份文件 mv /etc/localtime /etc/localtime.ba ...
    
			
    7. 
						
  7. 转换简体中文和繁体中文 cconv-0.6.2 for win32 static
			
    dos状态下 chcp 65001 echo "转换简体中文和繁体中文"|cconv -f utf-8 -t utf8-tw 显示 "轉換簡體中文和繁體中文"  ...
    
			
    8. 
						
  8. MySQL MyISAM引擎转换为InnoDB操作记录
			
    进入mysql命令行模式: # mysql -uroot -ppwd 1.查看mysql提供什么存储引擎: mysql> show engines; 2.查看mysql当前提供的默认存储引擎:  ...
    
			
    9. 
						
  9. mysql：批量插入不同的UUID
			
    INSERT INTO t_base_role_resource_ref (refID, roleID, resID, orgID, belongTo) SELECT uuid() AS refID, ...
    
			
    10. 
						
  10. Linux内存使用调整
			
    前段时间在做播放器的时候,遇到个问题,花了很长时间,做个记录,希望对有需要的人有所帮助: 播放器的播视频的时候,无论是手动切换视频还是到视频播放完成,自动切换视频,一定次数后均出现黑屏现象,偶尔有声音 ...
    
			
    11.