前端学习——js的类和对象

最新推荐文章于 2024-09-22 18:43:45 发布

野生小米椒

最新推荐文章于 2024-09-22 18:43:45 发布

阅读量188

点赞数 1

分类专栏：三大基础语言

本文链接：https://blog.csdn.net/x1037490413/article/details/88716253

版权

三大基础语言专栏收录该内容

144 篇文章 9 订阅

订阅专栏

<html>
    <head>
        <title>js的类和对象</title>
        <meta charset="UTF-8"/>
        <!--
            js中的类学习：
            1：类的声明：
            function 类名（形参1，形参2...){
        this.属性名1=形参1；
        this.属性名2=形参2；
        ...
        this.属性名n=形参n；
                
                
            }
            2：类的使用
            var 对象名=new 类名（实参1，实参2...)
            3：类的"继承":prototype关键字
                  通过prototype关键字实现了不同对象之间的数据共享
                  作用：实现某个类的所有子对象的方法区对象的共享，节省空间
            
        -->
        <script type="text/javascript">
            function Person(name,age)
            {
                this.name=name;
                this.age=age;
//                this.test=function(a)
//                {alert(a);}
            }
            Person.prototype.test=function(){
                alert("嘿嘿");
            }
             function User(uname,pwd)
             {
                 this.uname=uname;
                 this.pwd=pwd;
             }
             Person.prototype.test=function(){alert("嘿嘿")};
             Person.prototype.User=new User();
             User.prototype.testU=function() {alert("我是USER")};
             User.prototype.student=new Student();
            var p1=new Person("张三",32);
            p1.address="北京市";
//            alert(p1.address);
//            alert(p1.name);
            var p2=new Person("李四",31);
//            alert(p2.name);
             //alert(p1.test==p2.test);//false
             alert(p1.test==p2.test);//使用prototype  true
             p1.testU();
            
        </script>
        
    </head>
    <body>
        
    </body>
</html>