javascript 理解对象--- 定义多个属性和读取属性的特性

最新推荐文章于 2024-03-20 09:10:02 发布

转载最新推荐文章于 2024-03-20 09:10:02 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangshichuan/p/5881882.html

文章标签：

#javascript #ViewUI

本文介绍ECMAScript5中使用Object.defineProperties()定义多个属性的方法及Object.getOwnPropertyDescriptor()读取属性特性的用法。通过示例展示了如何为对象定义包括getter和setter在内的各种属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一定义多个属性

　　ECMAScript5 定义了一个Object.defineProperties()方法，用于定义多个属性。此方法接受两个对象参数：

　　　　第一个对象：要添加或修改其属性的对象

　　　　第二个对象的属性与第一个对象的要添加或修改的属性一一对应：

例如：
var book ={};
Object.defineProperties(book,{
    _year:{
             writable:true,
             value :2004 
    },
    edition:{
             writable:true,
             value :1 
    },
    year : {
             get :function(){
                 return this._year;
             },
           set :function(value){
                  if(value > 2004){
                        this._year = value;
                        this.edition += value -2004 
                  }
           }
    }
});

支持Object.defineProperties()方法的浏览器有IE9+ Firefox+ Safari5+,Opera12+ 和 Chrome;

二读取属性的特性

ECMAScript5方法：Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符，接受两个参数（属性所在对象、要读取其描述符的属性名称）

var book ={};
Object.defineProperties(book,{
    _year:{
             value :2004 
    },
    edition:{
             value :1 
    },
    year : {
             get :function(){
                 return this._year;
             },
           set :function(value){
                  if(value > 2004){
                        this._year = value;
                        this.edition += value -2004 
                  }
           }
    }
});
//数据属性
var descirptor = Object.getOwnPropertyDescirptor(book,"_year");
alert(descirptor.value);//2004
alert(descriptor.configurable);//false
alert(typeof descriptor.get); // "undefined"

//访问属性
var descirptor = Object.getOwnPropertyDescirptor(book,"year");
alert(descirptor.value);//2004
alert(descriptor.configurable);//false
alert(typeof descriptor.get); // "function"