您的位置:首页 > 移动开发 > Objective-C

ECMA5中的Object.defineProperty()方法

2017-04-28 14:40 627 查看
首先看看下面代码:

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中列举出来,第二种方法就会设置此属性是否枚举。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息