JavaScript之对象

ECMA中的对象可以说是一组名值对,其中值可以是数据或者函数。

一、创建对象

方法一:先创建对象,后添加属性

var person = new Object();
person.name = "Jack";
person.age = 29;
person.job = "Software Engineer";

person.sayName = function(){
    alert(this.name);
}

方法二:用对象字面量语法来表示

var person = {
    name: "Jack",
    age: 29,
    job: "Software Engineer",

    sayName: function(){
        alert(this.name);
    }
};

方法三:工厂模式

function createPerson(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        alert(this.name);
    };
    return o;
}

方法四:构造函数模式

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    };
}

按照惯例,构造函数函数名始终都应该以一个大写字母开头,而非构造函数则应该以一个小写字母开头。

二、属性类型

1.数据属性

① Confiigurable: 表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。默认true。
② Enumerable: 表示能否通过 for-in 循环返回属性。默认true。
③ Writable: 表示能否修改属性的值。默认true。
④ Value:包含属性的数据值。

2.修改属性默认值

Object.definedProperty() 方法用于修改属性默认值。这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象。

var person = {};
Object.defineProperty(person,"name",{
    writable: false,
    value: "Nicholas"
});

alert(person.name); //Nicholas
person.name = "Greg";
alert(person.name); //Nicholas

严格模式下上述操作会报错。

把configurable设置为false的话,则不能通过delete删除属性,删除后,属性仍然可以访问。同样的,严格模式下会报错。一旦设置为false的话,就不能再变回可配置的了。

在调用Object.defineProperty()方法创建一个新的属性时,如果不指定,configurable、enumerable和writable默认为false。

3.访问器属性

①Configurable
②Enumerable
③Get
④Set
访问器属性不能直接定义,必须通过Object.defineProperty()来定义。

var book = {
    _year: 2004,
    edition: 1
};

Object.definedProperty(book, "year", {
    get: function(){
        return this._year;
    },
    set: function(newValue){
        if(newValue>2004){
            this._year = newValue;
            this.edition+ = newValue-2004;
        }
    }
});
book.year = 2005;
alert(book.edition);    //2

只指定getter意味着属性不能写,尝试写入会被忽略。只指定setter意味着属性不能读。

4.读取属性的特性

使用Object.getOwnPropertyDescriptor() 方法,可以取得给定属性的描述符。这个方法接收两个参数:属性所在的对象和要读取其描述符的属性方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值