欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS面向对象——组合使用构造函数模型与原型模型

程序员文章站 2022-04-17 21:59:49
该模型为创建自定义类型最常用的方式。 部分摘自《JavaScript高级程序设计(第3版)》 ......

该模型为创建自定义类型最常用的方式。

<!doctype html>
<html>
<head>
    <title>组合使用构造函数模型和原型模型</title>
    <script type="text/javascript">
        //组合使用构造函数模型和原型模型——构造函数模型用于定义实例属性,原型模型用于定义方法和共享属性。    
        function student(name,age,sex){            
            this.name=name;
            this.age=age;
            this.sex=sex;
            this.friends=["kitty","court"];            
        }        
        student.prototype={
            constructor:student,
            sayname:function(){
                alert(this.name);
            }
        }

        var stu1=new student("lucy",10,"girl");
        var stu2=new student("bob",9,"boy");
        stu1.friends.push("van");
        alert(stu1.friends);//"kitty,court,van"
        alert(stu2.friends);//"kitty,court"
        alert(stu1.friends===stu2.friends);//false
        alert(stu1.sayname===stu2.sayname);//true
    </script>
</head>
<body>
</body>
</html>

部分摘自《javascript高级程序设计(第3版)》