js中函数的原型

Posted 2022-12-16 zxq-zn

js中每一个构造函数都有一个prototype的属性，prototype指向一个对象，而这个对象的属性和方法都会被构造函数的实例所继承，因此，需要一些共享的属性和方法可以写在构造函数的原型中

1  用prototype属性可以向构造函数添加可继承的属性和方法，注意constructor属性指向prototype对象所在的函数

    <script>
        function Person()
        
        Person.prototype = 
            constructor: Person,
            name: ‘xxx‘,
            age: 22,
            sayName: function()
                console.log(this.name);
            
        
        var p = new Person();
        p.sayName();//‘xxx‘
        console.log(p.age);//22
    </script>

2  一个同名属性在构造函数和prototype对象中存在时，构造函数的实例采用构造函数里的this属性，优先级类似于：实例>构造函数>原型

    <script>
        function Person()
            this.age = 233;//创建实例时赋给实例的属性
        
        Person.prototype = 
            constructor: Person,
            name: ‘xxx‘,
            age: 22,
            sayName: function()
                console.log(this.name);
            
        
        var p = new Person();
        console.log(p.age);//233
        p.age = 333;
        console.log(p.age);//333
    </script>

3 原型的继承

    <script>
        function Person()
            this.age = 233;//创建实例时赋给实例的属性
        
        Person.prototype = 
            constructor: Person,
            name: ‘xxx‘,
            age: 22,
            sayName: function()
                console.log(this.name);
            
        
        var p = new Person();
        console.log(p.age);//233
        p.age = 333;
        console.log(p.age);//333
        function Student()

        
        Student.prototype = new Person();//继承
        var s = new Student();
        console.log(s.name);//‘xxx‘
        s.name = ‘qqq‘;
        console.log(s.name);//‘qqq‘
    </script>

View Code