静态属性，私有属性，对象的继续

最新推荐文章于 2025-08-06 14:36:16 发布

ex_hy

最新推荐文章于 2025-08-06 14:36:16 发布

阅读量328

点赞数

CC 4.0 BY-SA版权

文章标签： function xhtml javascript button html 文档

本文链接：https://blog.youkuaiyun.com/ex_hy/article/details/6497954

本文深入探讨JavaScript中继承的概念，通过实现一个简单的学生类，展示如何利用原型链进行类的继承，包括私有属性的访问限制和公共方法的调用。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
    function Person(){
        Person.cityName="北京";//静态属性
        Person.prototype.name="张三";
        Person.prototype.age=30;
        Person.prototype.sayHello=function(){
            alert("Hello!");
        }

    }
    function Student(){
        Student.prototype.schoolName="北风网";

        //定义私有属性
        var gfName = "lingling";
    }

    function testExt(){
        Student.prototype = new Person();//继承的关键！
        var stu = new Student();
        //alert(stu.name);
        //stu.sayHello();
        //alert(stu.schoolName);
        ////alert(stu.gfName);//不可见，因为访问了private的属性
        //stu.name="李四";
        //alert(stu.name);

        var p = new Person();
        alert(Person.cityName);
    }

</script>
</head>

<body>
<input name="" type="button" value="看结果" onclick="testExt();"/>
</body>
</html>