JavaScript constructor prototyoe

想加深一下自己对construtcor prototype的印象所以写了这一篇文章

对象的constructor 就是Object 除了通过构造函数创建的对象意外他的constructor 都是都是Object的实例

而通过构造函数创建的对象他的constructor是指向这个构造函数的

     function Person() {

         this.name = 'dzxczx';

         this.sex = '男';

     }

     var obj = new Person();

     console.log(obj.constructor);

prototype 是原形是一个对象是函数一创建就有的东西对象没有这个东西undefined

 var obj = {

         name : 'dzxczx'

     }

     console.log(obj.prototype);

函数一创建就存在prototype属性

 function func1() {

         console.log(func1.prototype,typeof func1.prototype)

     }

     func1();

这个原形对象里面什么都没有但是是存在的这个原形里又有一个constructor属性这个属性指向当前函数

怎么给他添加属性方法呢跟给对象添加是一样的

 function func1() {

     }

     func1.prototype.a = 10;

     func1.prototype = {

         b : 40

     }

     var obj = new func1();

     console.log(obj.a);

     console.log(obj.b);

都是可以的注意func1.prototype.a要写在字面量的后面不然是undefined

 function func1() {

     }

     func1.prototype = {

         b : 40,

         //constructor:'func1',

     }

     func1.prototype.a = 10;

     var obj = new func1();

     console.log(obj.a);

     console.log(obj.b);

使用了字面量的方式来写会重写 constructor 重写之后不会指向当前函数

 function func1() {

     }

     func1.prototype = {

         b : 40,

         //constructor:'func1',

         alF:function() {console.log(func1.prototype.constructor)}

     }

     func1.prototype.a = 10;

     var obj = new func1();

     console.log(obj.a);

     console.log(obj.b);

     obj.alF();

我们可以自己再把他写回来上面代码有

prototype 里面的属性和方法是共享的

 function func1() {}

     func1.prototype.a = 10;

     var obj1 = new func1();

     var obj2 = new func1();

     console.log('obj1:'+obj1.a);

     console.log('obj2:'+obj2.a);

如果对象实例中和原型中存在的属性或方法重名了原形中的会被屏蔽会使用实例中的

 function func1() {

         this.a = 999;

     }

     func1.prototype.a = 10;

     var obj1 = new func1();

     console.log('obj1:'+obj1.a);

hasOwnProperty 方法是检测一个属性是存在实例中还是存在原型中如果存在实例中会返回true 不存在返回 false

 function func1() {

         this.b = 999;

     }

     func1.prototype.a = 10;

     var obj1 = new func1();

     console.log(obj1.hasOwnProperty('b'));

     console.log(obj1.hasOwnProperty('a'));

in操作符是只要存在就返回true不管是实例还是原形

 function func1() {

         this.b = 999;

     }

     func1.prototype.a = 10;

     var obj1 = new func1();

     console.log('b' in obj1);

     console.log('a' in obj1);

以上是我对这两个属性的理解如果有错误的地方请指出来我及时修改以免误导大家

巴特西

JavaScript constructor prototyoe

最新文章

热门文章