Javascript学习:案例6--面向对象(动态原型方法)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    function people(name,work){
        this.name = name;
        this.work = work;

        //添加这个判断之后,无论创建几个新对象,里面的内容只加载一次,但每个对象都有效果
        if( typeof this.info != "function"){
           // alert(11111);
            people.prototype.info=function () {
                var box = document.createElement("div");
                box.innerHTML=this.name + "的职业是"+ this.work;
                document.body.appendChild(box);
            }
            //alert(22222);
        }

    };


    var xiaoming = new people("小明","学生");
    xiaoming.info();    //小明的身份是学生

    var xiaohua = new people("小华","老师");
    xiaohua.info();    //小华的职业是老师

    var xiaofang = new people("小芳","医生");
    xiaofang.info();    //小芳的职业是医生

    var xiaohai = new people("小孩","护士");
    xiaohai.info();    //小孩的职业是护士


</script>

</body>
</html>

此方法:比较好!

猜你喜欢

转载自blog.csdn.net/qq_32584661/article/details/80651737
今日推荐