javascript 原型实现的继承 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>javascript实现的继承</title>
    <script type="text/javascript">
        /**
         * js实现继承的第一种方式是基于原型链的方式
         */
        function Parent() {
            this.pv = "parent";
        }
        Parent.prototype.pp = "ok";
        Parent.prototype.showParentValue = function() {
            alert(this.pv);
        }

        function Child() {
            this.cv = "child";
        }
        /**
         * 如果想进行赋值之后，才进行原型链的设定，这样赋值的原型对象
         * 就会被重写掉，赋值的对象就不存在在新的原型对象中
         */
        // Child.prototype.showChildValue = function() {
        // alert(this.cv);
        // }
        /**
         * 让Child的原型链指向Parent对象，也就等于完成了一次继承
         * 注意内存模型
         */
        Child.prototype = new Parent();

        Child.prototype.showChildValue = function() {
            alert(this.cv);
        }
        /**
         * 此时完成的对父类对象的覆盖
         */
        Child.prototype.showParentValue = function() {
            alert("override parent");
        }
        /**
         * 在使用原型链进行继承一定要注意一下问题：
         * 1、不能在设定了原型链之后，再重新为原型链赋值
         * 2、一定要在原型链赋值之后才能添加或者覆盖方法
         */


        /**
         * 当执行了下面这句话之后，意味着Child的原型又重写了
         * 这样就不存在任何的继承关系了
         * 使用原型链需要注意的第一个问题
         */
        // Child.prototype = {
        // showChildValue:function() {
        // alert(this.v);
        // }
        // }

        var c = new Child();
        c.showParentValue();
        c.showChildValue();
        alert(c.pp);

    </script>
</head>
<body>
</body>
</html>

　　

posted on 2015-02-09 21:17  aicpcode  阅读(108)  评论(0)  编辑  收藏  举报

导航