程序博客网 > 德国善良教育 知乎

《Javascript权威指南》学习笔记之十：ECMAScript 5 增强的对象模型

来源：互联网 发布：德国善良教育 知乎 编辑：程序博客网 时间：2024/06/01 08:45

一、属性和描述符

     1、概述：在ECMAScript 5中，属性模型已经完全被重写了，并规定了value,writable,configurable,enumerable,get和set共6个属性，用于完成不同的功能。例如：

{

value:"属性值",

writable:true,            //定义属性是否可以改变，默认为TRUE

configurable:true,    //定义属性是否可以被删除，默认为TRUE

enumerable:true      //定义属性是否可以迭代，默认为TRUE

}

     2、注意事项

           要使用ECMAScript 5 增强的对象模型定义属性，不能再使用原来的模式。

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(){} 
  2. Person.prototype.nickName= 
  3. { 
  4.     value:"Tom", 
  5.     writable:true, 
  6.     enumerable:true, 
  7.     configurable:true 
  8. }; 
  9.  
  10. var per = new Person; 
  11. alert(JSON.stringify(per.nickName)); 

Google运行结果：


上述的定义并没有应用ECMAScript 5的增强对象模型，属性nickName的值其实是一个对象，而我们想要的仅仅是Tom。


二 、使用ECMAScript 5 增强的对象模型定义属性

     1、定义属性：Object.defineProperty(obj,prop,desc)

          1.1  参数详解：

                  obj是一个对象，若要为一个类的所有实例定义属性，则将该参数指定为该类的原型对象；prop是一个字符串，指定属性名；desc是一个对象，包含属性的描述。

          1.2  重新定义Person

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(){} 
  2. Object.defineProperty(Person.prototype,"nickName", 
  3. {  
  4.     value:"Tom", 
  5.     writable:true, 
  6.     enumerable:true, 
  7.     configurable:true 
  8. }); 
  9. var per = new Person; 
  10. alert(JSON.stringify(per.nickName)); 

Google运行结果：



    2、定义get和set存取器方法

          Object。defineProperty()也可以用于定义get和set方法，由于get和set方法需要一个中间的私有变量，所以，需要定义一个自执行的匿名函数包含Object.defineProperty()方法的定义。

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(){} 
  2. (function() 
  3.     { 
  4.         var nick = "Tom"; 
  5.         Object.defineProperty(Person.prototype,"nickName", 
  6.         { 
  7.             get:function(){return nick;}, 
  8.             set:function(value){nick = value;} 
  9.         }); 
  10.     })(); 
  11. var per1 = new Person; 
  12. document.write(per1.nickName+"<br/>"); 
  13. per1.nickName = "John"; 
  14. document.write(per1.nickName); 

Google运行结果



     3、一次定义多个属性

          Object.defineProperties()可以一次定义或修改多个属性，为Person类定义nickName和age属性

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(){} 
  2. Object.defineProperties(Person.prototype, 
  3.     { 
  4.         "nickName": 
  5.         { 
  6.             value:"Tom", 
  7.             writable:true 
  8.         }, 
  9.     "age": 
  10.        { 
  11.             value:20, 
  12.             configurable:false, 
  13.             writable:false 
  14.        } 
  15.     }); 


三 、使用ECMAScript 5 增强的对象模型获取属性

       1、Object.getOwnPropertyDescriptor(obj,prop)方法可以获取一个属性的描述信息。

             1.1   参数详解

                    obj是一个对象，指定要获取属性的对象；prop是一个字符串，用于指定要获取的属性名。

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(){} 
  2. var per = new Person; 
  3. Object.defineProperties(per, 
  4.     { 
  5.         "nickName": 
  6.         { 
  7.             value:"Tom", 
  8.             writable:true 
  9.         }, 
  10.     "age": 
  11.        { 
  12.             value:20, 
  13.             configurable:false, 
  14.             writable:false 
  15.        } 
  16.     }); 
  17.  
  18. var age = Object.getOwnPropertyDescriptor(per,"age"); 
  19. alert(JSON.stringify(age)); 

Google运行结果



     2、枚举属性

          Object.keys(obj)是一个枚举对象obj所有可以枚举的属性的静态方法，返回值是一组字符串，每个字符串就是属性名。

          Object.getOwnPropertyNames(obj)可以实现同样的功能，但是能列出所有能枚举和不能枚举的属性。该方法不能实现向前兼容，因为ECMAscript3没有相关的方法可以获得不能枚举的属性。



四 、密封对象和动态对象

     1、概述：默认情况下，JS创建的对象都是动态的，允许在运行为对象添加属性和方法。使用ECMAScript 5增强的对象模型，就可以定义密封对象，它是通过object.preventExtensions(obj)、Object.seal(obj)、Object.freeze(obj)等静态方法实现。


     2、Object.preventExtensions(obj)：锁定一个对象，密封对象不允许添加新成员。同时提供了Object.isExtensible(obj)方法检查一个对象是否可以增加成员，即是否应用了Object.preventExtensions(obj)方法，没有应用则返回TRUE，否则返回FALSE。obj是要密封的对象，若要密封一个类，该参数可以指定为类的原型对象。

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(name,age) 
  2. { 
  3.     this.name = name; 
  4.     this.age = age; 
  5. } 
  6. Person.prototype.show = function() 
  7. { 
  8.     document.write("my name is "+this.name+", and age is "+this.age+"<br/>"); 
  9. }; 
  10. var per = new Person("康",20); 
  11. per.show(); 
  12. document.write("是否可以添加成员："+Object.isExtensible(per)+"<br/>"); 
  13. Object.preventExtensions(per); 
  14. document.write("是否可以添加成员："+Object.isExtensible(per)+"<br/>"); 
  15. per.hobby = "篮球";               //不能再添加属性 
  16. document.write(per.hobby+"<br/>"); 
  17. document.write(delete per.hobby);  //但是可以删除属性 

Google运行结果


     3、Object.seal(obj)：锁定一个对象，密封对象不允许添加和删除新成员。同时提供了Object.isSealed(obj)方法检查一个对象是否可以增加成员，即是否应用了Object.preventExtensions(obj)方法，没有应用则返回TRUE，否则返回FALSE。obj是要密封的对象，若要密封一个类，该参数可以指定为类的原型对象。

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(name,age) 
  2. { 
  3.     this.name = name; 
  4.     this.age = age; 
  5. } 
  6. Person.prototype.show = function() 
  7. { 
  8.     document.write("my name is "+this.name+", and age is "+this.age+"<br/>"); 
  9. }; 
  10. var per = new Person("康",20); 
  11. per.show(); 
  12. document.write("是否可以添加成员："+Object.isSealed(per)+"<br/>"); 
  13. Object.seal(per); 
  14. document.write("是否可以添加成员："+Object.isSealed(per)+"<br/>"); 
  15. per.hobby = "篮球"; 
  16. document.write(per.hobby+"<br/>"); 
  17. document.write(delete per.age); //不能删除，返回false 

Google运行结果


    4、Object.freeze(obj)：锁定一个对象，密封对象不允许添加和删除新成员，所有属性均变为只读。同时提供了Object.isFrozen(obj)方法检查一个对象是否可以增加成员，即是否应用了Object.freeze(obj)方法，没有应用则返回TRUE，否则返回FALSE。obj是要密封的对象，若要密封一个类，该参数可以指定为类的原型对象。

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
  1. function Person(name,age) 
  2. { 
  3.     this.name = name; 
  4.     this.age = age; 
  5. } 
  6. Person.prototype.show = function() 
  7. { 
  8.     document.write("my name is "+this.name+", and age is "+this.age+"<br/>"); 
  9. }; 
  10. var per = new Person("康",20); 
  11. per.show(); 
  12. document.write("是否可以添加成员："+Object.isFrozen(per)+"<br/>"); 
  13. Object.freeze(per); 
  14. document.write("是否可以添加成员："+Object.isFrozen(per)+"<br/>"); 
  15. per.age = 25;                //不能改变，仍为20 
  16. document.write(per.age+"<br/>"); 
  17. document.write(delete per.name); 

Google运行结果


五 、根据原型对象创建对象

    使用Object.create(proto[,props])方法可以为指定的对象和可选的属性创建一个新对象。proto指向一个对象，该对象作为新建对象的原型对象，props指定要增加的属性，可选。该方法的功能相当于将新创建的对象的原型作为参数，同时使用Object.defineProperties(props)方法定义属性。

0 0
德国善良教育 知乎 德国善良教育 知乎
原创粉丝点击
热门IT博客
数据侠客行txt下载数据侠客行txt下载
paperpass软件下载paperpass软件下载
汽车配件报价软件
java web 打印插件
网络商标注册保护
淘宝助理怎么关联店铺
东方财富证券交易软件
淘宝上花呗分期买手机
怎样架设网络单机
linux时区
js 图片点击查看大图
军车模型淘宝
新版本麦克雷伤害数据
伴郎不能超过三次 知乎
阿里云企业邮箱别名
windows 7旗舰版
常青藤软件
虚拟照相软件
矢量图如何上传淘宝
北京java工程师待遇
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 彭城社区论坛 正宗彭城堂刘氏族谱 三国之无双暴君 彭城小道 彭埠 彭墩 彭墩乡村世界 彭姓 彭婧 彭婧个人资料年龄 眉山彭山 彭山 彭山在线 彭山招聘 彭山景区 彭山二手房 彭山吧 彭山县 彭山住宿 彭山中学 彭山招聘网 彭山楼盘 彭山人才网 彭山在线网 彭山租房 彭山房价 彭山房产 彭山 福一 彭山县属于哪个市 彭山在线招聘 彭山旅游景点大全 天府新区 彭山 彭山在线房产 彭山县黄丰镇 彭峰与林雨湘全文免费阅读 天门彭峰的女人 女神的妖孽高手彭峰 彭州市 成都彭州 四川彭州 彭州在哪里 彭州白鹿镇

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里