首页
会员中心
到顶部
到尾部
CSS教程

JavaScript ES5 对象方法

时间:2020/11/2 14:07:21  作者:  来源:  查看:0  评论:0
内容摘要:JavaScript ES5 对象方法JS 对象原型JS 函数定义ECMAScript 5 为 JavaScript 添加了大量新的对象方法。ES5 新的对象方法// 添加或更改对象属性Object.defineProperty(object, property, descrip...

JavaScript ES5 对象方法

ECMAScript 5 为 JavaScript 添加了大量新的对象方法。

ES5 新的对象方法

// 添加或更改对象属性Object.defineProperty(object, property, descriptor)// 添加或更改多个对象属性Object.defineProperties(object, descriptors)// 访问属性Object.getOwnPropertyDescriptor(object, property)// 以数组返回所有属性Object.getOwnPropertyNames(object)// 以数组返回所有可枚举的属性Object.keys(object)// 访问原型Object.getPrototypeOf(object)// 阻止向对象添加属性Object.preventExtensions(object)// 如果可将属性添加到对象,则返回 trueObject.isExtensible(object)// 防止更改对象属性(而不是值)Object.seal(object)// 如果对象被密封,则返回 trueObject.isSealed(object)// 防止对对象进行任何更改Object.freeze(object)// 如果对象被冻结,则返回 trueObject.isFrozen(object)

更改属性值

语法

Object.defineProperty(object, property, {value : value})

本例更改了属性值:

实例

var person = {  firstName: "Bill",  lastName : "Gates",  language : "EN" };// 更改属性Object.defineProperty(person, "language", {value : "ZH"});

亲自试一试

更改元数据

ES5 允许更改以下属性元数据:

writable : true      // 属性值可修改enumerable : true    // 属性可枚举configurable : true  // 属性可重新配置writable : false     // 属性值不可修改enumerable : false   // 属性不可枚举configurable : false // 属性不可重新配置

ES5 允许更改 getter 和 setter:

// 定义 getterget: function() { return language }// 定义 setterset: function(value) { language = value }

此例使语言为只读:

Object.defineProperty(person, "language", {writable:false});

此例使语言不可枚举:

Object.defineProperty(person, "language", {enumerable:false});

列出所有属性

此例列出对象的所有属性:

实例

var person = {  firstName: "Bill",  lastName : "Gates"  language : "EN" };Object.defineProperty(person, "language", {enumerable:false});Object.getOwnPropertyNames(person);  // 返回属性数组

亲自试一试

列出可枚举的属性

此例只列出对象的所有可枚举属性:

实例

var person = {  firstName: "Bill",  lastName : "Gates"  language : "EN" };Object.defineProperty(person, "language", {enumerable:false});Object.keys(person);  // 返回可枚举属性的数组

亲自试一试

添加属性

此例向对象添加新属性:

实例

// 创建对象var person = {  firstName: "Bill",  lastName : "Gates",  language : "EN"};// 添加属性Object.defineProperty(person, "year", {value:"2008"});

亲自试一试

添加 Getter 和 Setter

Object.defineProperty() 方法也可以用于添加 Getter 和 Setter:

实例

// 创建对象var person = {firstName:"Bill", lastName:"Gates"};// 定义 getterObject.defineProperty(person, "fullName", {  get : function () {return this.firstName + " " + this.lastName;}});

亲自试一试

一个计数器实例

实例

// 定义对象var obj = {counter:0};// 定义 settersObject.defineProperty(obj, "reset", {  get : function () {this.counter = 0;}});Object.defineProperty(obj, "increment", {  get : function () {this.counter++;}});Object.defineProperty(obj, "decrement", {  get : function () {this.counter--;}});Object.defineProperty(obj, "add", {  set : function (value) {this.counter += value;}});Object.defineProperty(obj, "subtract", {  set : function (i) {this.counter -= i;}});// 操作计数器:obj.reset;obj.add = 5;obj.subtract = 1;obj.increment;obj.decrement;

亲自试一试



相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号