ECMA5中的Object.defineProperty()方法

来源:互联网 发布:怎样通过网络找人 编辑:程序博客网 时间:2024/05/21 08:57

首先看看下面代码:

function Persion() {};Persion.prototype = {//constructor:Persion,//必须表示原型对象的构造器name:'c5',age:28,job:'前端开发',sayName:function () {alert('我是原型的函数');}};var p1 = new Persion();alert(p1.name);//c5alert(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中列举出来,第二种方法就会设置此属性是否枚举。

0 0
原创粉丝点击