JavaScript中如何继承

最新推荐文章于 2024-04-19 16:12:43 发布

只看五分钟佩奇的小姑姑

最新推荐文章于 2024-04-19 16:12:43 发布

阅读量280

点赞数

文章标签： javascript 继承

本文链接：https://blog.csdn.net/aloe_904/article/details/78481965

版权

前端的尘封往事专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>继承</title>
    <script type="text/javascript">

    function CreatePerson(name,sex){//父类
        this.name=name;
        this.sex=sex;
    }
    CreatePerson.prototype.showName=function(){
        alert(this.name)
    }
    var p1=new CreatePerson('小明','男');
    // p1.showName();


    function CreateStar(name,sex,job){
        CreatePerson.call(this,name,sex);//父类属性的继承 call
        this.job=job;
    }
    //CreateStar.prototype=CreatePerson.prototype; 对象赋给对象，是引用的关系//父类方法的继承
    extend(CreateStar.prototype,CreatePerson.prototype);

    var p2=new CreateStar('黄晓明','男','演员');
    p2.showName();

    function extend(obj1,obj2){
        for(var attr in obj2){
            obj1[attr]=obj2[attr];
        }
    }
    </script>
</head>
<body>

</body>
</html>
<!-- 
继承：子类不影响父类，子类可以继承父类的一些功能。
属性的继承：调用的是父类的构造函数 call
方法的继承：for in ：拷贝继承
 -->

只看五分钟佩奇的小姑姑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中如何继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>继承</title> <script type="text/javascript"> function CreatePerson(name,sex){//父类 this.name=name; this
复制链接

扫一扫