javascript面向对象学习笔记(四)——常用方法/属性

1、 Object.defineProperty() 修改对象数据属性默认的特性/定义访问器属性
接收三个参数:属性所在对象、属性的名字、一个描述符对象(对象的属性必须为configurable、enumerable、writeable、value)。

var person={};
Object.defineProperty(person,”name”,{
    writable:false,
value:”Chiaki”,
});
alert(person.name);//Chiake
person.name=”wu”;//非严格模式下该操作将被忽略,严格模式下该操作将导致抛出错误
alert(person.name);//Chiaki,因为writeable=false指定name的属性值不可修改


var person={};
Object.defineProperty(person,"name",{
    configurable:false,
    value:"Chiaki"
});
alert(person.name);//Chiaki
delete person.name;//非严格模式下该操作将被忽略,严格模式下该操作将导致抛出错误
alert(person.name);//Chiaki,因为configurable:false表示不能从对象中删除属性

当configurable被设置为false时,将不能再更改为true,此时再调用Object.defineProperty()方法只能修改writable特性。

Object.defineProperty()方法一旦调用,configurable、enumerable、writable若没有指定则默认为false。

var book={
    _year:2004,
    edition:1
};
Object.defineProperty(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

2、Object.defineProperties()定义多个属性

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

    }
});

3、Object.getOwnPropertyDescriptor()取得给定属性的描述符。
接收两个参数:属性所在对象、要读取其描述符的属性名称。返回值是一个对象(如果是访问器属性,这个对象的属性有configurable、enumerable、get、set;如果是数据属性,这个对象的属性有configurable、enumerable、writable、value).
该方法适用于IE9+,Firefox4+,Safari 5+,Opera 12+和Chrome

var book={}
Object.defineProperties(book,{
    _year:{
            value:2004
        },
        edition:{
            value:1
        },
        year:{
            get:function(){
                return this._year;
            },
            set:function(newValue){
                if(newValue>2004){
                    this._year=newValue;
                    this.edition+=newValue-2004;
                }
            }
        }
});
var descriptor=Object.getOwnPropertyDescriptor(book,"_year");
alert(descriptor.value);//2004
alert(descriptor.configurable);//false,因为使用Object.defineProperties(),没有设置configurable值
alert(typeof descriptor.get);//undefined

var descriptor=Object.getOwnPropertyDescriptor(book,"year");
alert(descriptor.value);//undefine
alert(descriptor.enumerable);//false
alert(typeof descriptor.get);//function

4、constructor属性和instanceof操作符 检测对象类型

alert(person1.constructor==Person);//true

alert(person1 instanceof Object);//true,因为所有对想均继承Object
alert(person1 instanceof Person);//true

5、isPrototypeOf() 判断某个实例是否有一个内部指针[[prototype]]指向该原型对象

alert(Person.prototype.isPrototypeOf(person1));//true

6、Object.getPrototyprOf(object) 取得一个对象的原型

alert(Object.getPrototyprOf(person1)==Person.prototype);//true
alert(Object.getPrototypeOf(person1).name);//Chiaki

适用于IE9+、Firefox 3.5+、Safari 5+、Opera 12+和Chrome

7、hasOwnProperty()检测一个属性是否存在于实例中,还是存在原型中。

alert(person1.hasOwnProperty("name"));//false
person1.name="Wu";
alert(person1.hasOwnProperty("name"));//true

8、hasPrototypeProperty() 方法判断属性是否存在于原型中。

var person =new Person();
alert(hasPrototypeProperty(perso,"name"));//true
person.name="Wu"//重写person.name,原型中的name属性被屏蔽,则访问到的name属性来自实例person
alert(hasPrototypeProperty(person,"name");//false

9、Object.keys()方法接收一个对象作为参数,返回一个包含所有可枚举属性的字符串数组。
适用于IE9+、Firefox 4+、Safari 5+、Opera 12+和Chrome

var keys=Object.keys(Person.prototype);
alert(keys);//"name,age,job,sayName"

var p1=new Person();
p1.name="Wu";
p1.age=20;
var p1Keys=Object,keys(p1);
alert(p1Keys);//"name,age"

10、Object.getOwnPropertyNames()返回所有实例属性
适用于IE9+、Firefox 4+、Safari 5+、Opera 12+和Chrome

var keys=Object.getOwnPropertyNames(Person.prototype);
alert(keys);//“constructor,name,age,job,sayName"

11、isPrototypeOf()方法,只要是原型链中出现过的原型,都可以说是该原型链所派生的实例的原型。

alert(Object.protopyte.isPrototypeOf(instance));//true
alert(SuperType.prototype.isPrototypeOf(instance));//true
alert(SubType.prototype.isPrototypeOf(instance));//true
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值