2.只继承原型（构造函数.prototype）

我是滑稽帝滑滑稽

于 2017-02-20 16:10:46 发布

阅读量323

点赞数

CC 4.0 BY-SA版权

分类专栏：前端JS 文章标签： JavaScript原型 js原型

本文链接：https://blog.youkuaiyun.com/cacacacacacacaa/article/details/56014976

前端JS 专栏收录该内容

39 篇文章

订阅专栏

本文通过一个具体的JavaScript示例展示了如何使用原型链实现类的继承，并讨论了这种方法可能带来的副作用，例如父类属性被意外覆盖的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    function Shape(){}
         Shape.prototype.name = 'shape';
         Shape.prototype.toString = function(){return this.name;};

    function TwoDShape(){}
    TwoDShape.prototype = Shape.prototype;
    TwoDShape.prototype.constructor = TwoDShape;
    TwoDShape.prototype.name = '2D shape';

    function Triangle(side,height){
        this.side = side;
        this.height = height;
    }
    Triangle.prototype = TwoDShape.prototype;
    Triangle.prototype.constructor = Triangle;
    Triangle.prototype.name = 'Triangle';
    Triangle.prototype.getArea = function(){
        return this.side * this.height/2;
    }

    var my = new Triangle(5,10);
    my.getArea();         //输出  25
    my.toString();        //输出  “Triangle”
//！！！！！！！              这样简单地拷贝原型从效率上来说固然会更好一些，但也有它的副作用。
//！！！！！！！        由于子对象与父对象指向的是同一个对象，所以一旦子对象对其原型进行了修改，父对象也会随即被
//！！！！！！！        改变，甚至所有的继承关系都是如此。
    var s = new Shape();
    s.name;               //输出  “Triangle”