JavaScript 学习_4_原型_对象_继承

最新推荐文章于 2025-03-31 10:36:28 发布

原创最新推荐文章于 2025-03-31 10:36:28 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #c

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文通过一个圆形对象的示例，展示了JavaScript中如何定义原型对象及实现继承。代码演示了如何为对象添加属性和方法，并通过原型链实现方法的共享。

定义原型对象,继承对象.示例代码如下:

 
 <html>
<head>
    <TITLE>原型_对象_继承</TITLE>
    <SCRIPT Language = "JavaScript">
    {
    
        function Circle(x,y,r)
        {
            this.x=x;
            this.y=y;
            this.r=r;
        }
        Circle.prototype.pi = 3.1415926;
        function Circle_circumference()
        {
            return 2*this.pi*this.r;
        }
        Circle.prototype.circumference = Circle_circumference;
        var c= new Circle(0.0, 0.0, 5);
        var p = c.circumference();
        
        document.write("<br>c圆的周长为Circle(0.0, 0.0, 5):",p);
        
        document.write("<br>继承");
        function Circle_area()
        {
            return this.pi*this.r*this.r;
        }
        Circle.prototype.area = Circle_area;
        var mji = c.area();
        document.write("<br>c圆的面积为:",mji);
        
        
        document.write("<br><br>重定义:不继承Circle(0.0, 0.0, 10);");
        var C3 = new Circle(0.0, 0.0, 10);
        function area()
        {
            return 3*this.pi*this.r*this.r;
        }
        C3.area = area;
        p = C3.circumference();
        mji = C3.area();
        document.write("<br>C3圆的周长为:",p);
        document.write("<br>C3圆的面积为:",mji);
    }
    </SCRIPT>
</head>
</html>