关于js继承的演示

最新推荐文章于 2024-07-12 16:27:40 发布

qd_yang_

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量545

点赞数 3

分类专栏： js 文章标签： javascript 原型模式 vue.js

本文链接：https://blog.csdn.net/m0_60324420/article/details/121735001

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>继承</title>
</head>

<body>





    <script>
        function Person(name, age) {
            this.name = name
            this.age = age
        }
        Person.prototype.speak = function () {
            console.log(this.name + 'aaaa啊啊啊啊')
        }
        Person.prototype.eat = function () {
            console.log(this.name + "吃吃吃")
        }


        //原型链继承
        function Student(name,age) {

        }
        Student.prototype = new Person("小杨", "18")
        var s1 = new Student("xiaoyang", "21")//不执行 
        s1.eat()//可以执行
        console.log(s1);//得到的是 小杨  18   



       //冒充继承
       function Teacher(name,age){
           Person.call(this,name,age)
       }
       var t=new Teacher("小杨","18")
       console.log(t)
    //    t.eat() 不执行

//混合继承
       function Student(name,age){
           Person.call(this,name,age)
       }
       Student.prototype=new Person()

       var s2=new Student("小小杨","22")
       console.log(s2)
       s2.eat()//执行
    </script>
</body>

</html>

qd_yang_

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于js继承的演示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>继.
复制链接

扫一扫