ECMA5中的Object.defineProperty()方法

首先看看下面代码:

function Persion() {
			
};
Persion.prototype = {
//constructor:Persion,//必须表示原型对象的构造器
name:'c5',
age:28,
job:'前端开发',
sayName:function () {
alert('我是原型的函数');
}
};
var p1 = new Persion();
alert(p1.name);//c5
alert(Persion.prototype.constructor)//function Object() { [native code] }
从上面的结果可以看出:Persion类原型的构造器不是function Persion(){  [native code] }  而是function Object() { [native code] }  原因是Persion.prototype = {};这个对象属于Object,因此改变了构造器,那么问题来了,怎么改变回来呢?有以下俩种方式可以改变。

1、代码注释的那种写法,加上属性//constructor:Persion,//必须表示原型对象的构造器

2.这里就需要用到ECMA5中的Object.defineProperty(),给原型对象重新设置构造器的方法,看下面代码:

    //Object.defineProperty(obj, prop, descriptor) obj:目标对象  prop:需要定义的属性或方法的名字。descriptor:目标属性所拥有的特性。
    //value:属性的值
    //writable:如果为false,属性的值就不能被重写。//enumerable: false,是否可枚举
    //get: 一旦目标属性被访问就会调回此方法,并将此方法的运算结果返回用户。
    //set:一旦目标属性被赋值,就会调回此方法。
    //configurable:如果为false,则任何尝试删除目标属性或修改属性以下特性(writable, configurable, enumerable)的行为将被无效化。
    //enumerable:是否能在for...in循环中遍历出来或在Object.keys中列举出来。
    Object.defineProperty(Persion.prototype, 'constructor', {
        enumerable: false,
        value: Persion //此处不能加引号
    })
     var p1 = new Persion();
    console.log(Persion.prototype.constructor) //function Persion() { [native code] }

这俩个方法都能改变类的原型的构造器,但是第一种方法 constructor属性会被for...in循环中遍历出来或在Object.keys中列举出来,第二种方法就会设置此属性是否枚举。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值