读取属性标签

获取对象属性标签,用 Object.getOwnPropertyDescriptor方法。
getOwnPropertyDescriptor(); 参数:属性所在对象(object),属性名(string)

var obj = { code:2,element:"ele" };
Object.getOwnPropertyDescriptor(obj,"code");
//输出 { value: 2, writable: true, enumerable: true, configurable: true }

getOwnPropertyDescriptor返回该属性标签的对象。
value      属性值
writeable    属性是否可写(是否可修改)
enumerable    属性是否可枚举(是否在for in遍历中出现)
configurable   属性的其他属性标签是否可修改或者该属性是否可delete
一般方式添加这四个属性标签默认都是true

****************************************************************************************************************

定义属性标签

定义对象属性标签,用 Object.defineProperty()方法。
defineProperty(); 参数:目标对象(object),属性名(string),属性标签(object json(对象字面量)格式创建)

这里defineProperty的第三个参数的属性包括:valuewriteableenumerableconfigurable。value必须赋值,writeableenumerableconfigurable默认都为false。

var obj = {};
Object.defineProperty(obj,"o_name",{
value:"obj_name",
writeable:false,
enumerable:false,
configurable:false
});
obj.o_name = "New_name"; //输出 obj_name
//writeable为false,所以无法修改该属性值。
delete obj.o_name; //返回 false
//configurable为false,所以无法被delete。
Object.keys(obj) //返回空集合
//enumerable为false,所以无法遍历

批量定义属性标签

定义对象属性标签,用 Object.defineProperties()方法。
defineProperties(); 参数:目标对象(object),批量属性标签(object json(对象子面量)格式创建)

function o(){};
var o1 = new o();
Object.defineProperties(o1,{a:{value:1,enumerable:true},
b:{value:2,writable:true},
c:{value:3,configurable:true,writable:true}});
Object.getOwnPropertyDescriptor(o1,"a");
//返回 { value: 1,writable: false,enumerable: true,configurable: false }
Object.getOwnPropertyDescriptor(o1,"b");
//返回 { value: 2,writable: true,enumerable: false,configurable: false }
Object.getOwnPropertyDescriptor(o1,"c");
//返回 { value: 2,writable: true,enumerable: false,configurable: true }

****************************************************************************************************************

遍历对象属性

遍历对象属性除了用for in还可以用 Object.keys()方法。
keys(); 参数:遍历对象(object)。
keys()返回对象属性的数组。

var obj = { a:1,b:2,c:3,d:4 };
obj.e = 5;
Object.keys(obj);
//返回 [ 'a', 'b', 'c', 'd', 'e' ]
Object.defineProperty(obj,"e",{value:15,enumerable:false});
Object.keys(obj);
//返回 [ 'a', 'b', 'c', 'd' ]
obj.e; //输出 15

js之oop <三>属性标签的更多相关文章

  1. WCF入门教程(三)定义服务协定--属性标签

    WCF入门教程(三)定义服务协定--属性标签 属性标签,成为定义协议的主要方式.先将最简单的标签进行简单介绍,以了解他们的功能以及使用规则. 服务协定标识,标识哪些接口是服务协定,哪些操作时服务协定的 ...

  2. js之oop <二> 对象属性

    js中对象属性可以动态添加和删除.删除对象属性用delete关键字. function obj(){ } var oo = new obj(); oo.a = "a"; oo.b ...

  3. WCF入门教程(三)属性标签

    属性标签,成为定义协议的主要方式.先将最简单的标签进行简单介绍,以了解他们的功能以及使用规则. 服务协定标识,标识哪些接口是服务协定,哪些操作时服务协定的一部分,以及传输对象的定义.如果已经有所了解, ...

  4. JS中OOP之模拟封装和继承和this指向详解

    大家好,今天我带大家学习一下js的OOP, 大家都知道,面向对象有三个基本特征,继承,封装和多态,面向对象的语言有那么几种,C++,PHP,JAVA等,而功能强大的JS可以模拟实现面向对象的两大特征, ...

  5. riot.js教程【五】标签嵌套、命名元素、事件、标签条件

    前文回顾 riot.js教程[四]Mixins.HTML内嵌表达式 riot.js教程[三]访问DOM元素.使用jquery.mount输入参数.riotjs标签的生命周期: riot.js教程[二] ...

  6. 【总结整理】js获取css的属性(内部,外部,内嵌(写在tag中))

    在JS中需要获取某个元素的宽高或者是绝对定位的位置信息,通常我们会这么写: var elemWidth = elem.style.width; console.log(elemWidth); //(空 ...

  7. 深入理解OOP(三):多态和继承(动态绑定和运行时多态)

    在前面的文章中,我们介绍了编译期多态.params关键字.实例化.base关键字等.本节我们来关注另外一种多态:运行时多态, 运行时多态也叫迟绑定. 深入理解OOP(一):多态和继承(初期绑定和编译时 ...

  8. 拖拽系列二、利用JS面向对象OOP思想实现拖拽封装

    接着上一篇拖拽系列一.JavaScript实现简单的拖拽效果这一篇博客将接着对上一节实现代码利用JS面向对象(OOP)思维对上一节代码进行封装; 使其模块化.避免全局函数污染.方便后期维护和调用:写到 ...

  9. js倒计时函数和(js禁用和恢复a标签的操作)

    <script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums ...

随机推荐

  1. js获取url中参数

      /** * 获取地址栏参数值 * @param name 参数名 * @returns */ $(function () { var url = location.search; //获取url中 ...

  2. 小吐槽Toolbar

    最近弄界面 要吧全部图标改成PNG格式 虽说从2010以后Delphi默认支持PNG格式图片, 但是想应用到按钮上, 似乎除了TButton意外, 也只能ToolBar可以正常显示了, 其他的, 比如 ...

  3. vi/vim

    config file location 1. MinGW: C:\MinGW\msys\1.0\share\vim\vimrc 2. Linux: home config file content ...

  4. php +html5 websocket 聊天室

    针对内容比较长出错,修改后的解码函数 和 加码函数 原文请看上一篇 http://yixun.yxsss.com/yw3104.html function uncode($str,$key){ $ma ...

  5. CSS3动画产生圆圈由小变大向外扩散的效果

    涉及到 CSS3 的动画(animation).2D 转换(transform: scale),具体如代码所示. github: https://github.com/wind-stone/CSS3- ...

  6. 对于字符串拼接,string.format、stringbuilder、+=

    sring拼接经常会用到,拼接时候使用的方法,每个人的又不一样,有的是不知道哪个效率高,也有一些是为了方便不差那么一点时间! 今天百度查了查他们的区别! += 是效率最低的一个,尽量避免使用,当然,不 ...

  7. Xunsearch迅搜(基于 xapian+scws 的开源中文搜索引擎)安装与简单使用

    今天鼓捣了xunsearch,感觉官方指南写得挺详细,于是按照指南一步一步走,但是感觉越看越凌乱,像看API一样,新手看得特费劲,网上也少有新手教程,于是略过今天的歪路,记录一下我的安装步骤. Xun ...

  8. ios - 文件保存路径的获取

    "应用程序包": 这里面存放的是应用程序的源文件,包括资源文件和可执行文件. 获取方式: NSString *path = [[NSBundle mainBundle] bundl ...

  9. 设计模式之 -- 状态模式(State)

     状态模式允许对象在内部状态改变时改变它的行为,对象看起来好像修改了它的类.当控制一个对象的状态转换条件分支语句(if...else或switch...case)过于复杂时,可以此模式将状态的判断逻辑 ...

  10. 20145320 《Java程序设计》第七周学习总结

    20145320 <Java程序设计>第七周学习总结 教材学习内容总结 13章 时间与日期 时间的度量: 格林威治标准时间(GMT时间),现已不作为标准时间使用. 世界时(UT),秒的单位 ...