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);

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