js原型继承机制实例详解

最新推荐文章于 2021-08-11 09:45:21 发布

年轻人丶

最新推荐文章于 2021-08-11 09:45:21 发布

阅读量243

点赞数

分类专栏： JavaScript 文章标签： JavaScript 继承实例

本文链接：https://blog.csdn.net/qq_26734501/article/details/51260304

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
    <head>
        <title>please enter your title</title>
        <meta charset="utf-8">
        <meta name="Author" content="潭州学院-阿飞老师">
        <style type='text/css'>
            *{ margin:0; padding:0;}

        </style>
    </head>
    <body>

        <script type="text/javascript">
            //父类
            function Person( name ){ // 构造函数 就是 类
                this.name = name;
            }

            Person.prototype.showName = function(){
                alert( this.name );
            }

            var p1 = new Person( 'Eva' );

            //子类
            function PersonPlus( name , age ){
                Person.call( this , name );
                this.age = age;
            }


            var Fn = function(){};
            Fn.prototype = Person.prototype;
            PersonPlus.prototype = new Fn();
            PersonPlus.prototype.consturctor = PersonPlus;


            // PersonPlus.prototype = Person.prototype

            PersonPlus.prototype.showAge = function(){
                alert( this.age )
            }

            var p2 = new PersonPlus('Eva' , 15);

            alert( p2.constructor )
        </script>
    </body>
</html>