ECMA5中的Object.defineProperty()方法
2017-04-28 14:40
627 查看
首先看看下面代码:
1、代码注释的那种写法,加上属性//constructor:Persion,//必须表示原型对象的构造器
2.这里就需要用到ECMA5中的Object.defineProperty(),给原型对象重新设置构造器的方法,看下面代码:
这俩个方法都能改变类的原型的构造器,但是第一种方法constructor属性会被for...in循环中遍历出来或在Object.keys中列举出来,第二种方法就会设置此属性是否枚举。
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中列举出来,第二种方法就会设置此属性是否枚举。
相关文章推荐
- JavaScript Object.defineProperty()方法详解
- javascript中的Object.defineProperty()与getOwnPropertyNames ()方法
- JS中的双向数据绑定及Object.defineProperty方法
- 面试题:(考察Object.defineProperty(obj,prop,descriptor) 的get方法)
- JavaScript使用Object.defineProperty方法实现双数据绑定
- Object.defineProperty方法
- Object.defineProperty方法
- JS中的双向数据绑定及Object.defineProperty方法
- js中的Object.defineProperty方法
- 22、ECMA5给原型对象重新设置构造器的方法Object.defineProperty(p1,p2,p3)
- Object.defineProperty()定义对象方法
- Object.defineProperty()的set方法除了用于双向绑定还能干嘛?
- includes方法 使用 Object.defineProperty 扩展 ,解决不兼容问题
- ECMAScript5 Object的新属性方法(包含Object.create()、Object.defineProperty()等)
- js中神奇的Object.defineProperty方法
- JavaScript Object.defineProperty()方法详解
- Object.defineProperty
- Object.defineProperty 函数 (JavaScript)
- Javascript Object.defineProperty()
- Object.defineproperty实现数据和视图的联动