【js学习笔记二十九】前端原型和原型链实例的学习

目录

前言

导语

在构造函数上定义方法

运行结果

在原型链上定义方法

运行结果

总结

---

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

前端原型和原型链实例的学习

在构造函数上定义方法

    //在构造函数上直接定义方式
    function Animai(){
        this.eat=function(){
            console.log("我爱吃饭")
        }
    }
    let dog=new Animai()
    let cat=new Animai()

    dog.eat();//我爱吃饭
    cat.eat();//我爱吃饭
    
    console.log(dog.eat()===cat())//false

运行结果

我爱吃饭

我爱吃饭

false

在原型链上定义方法

    function Animai(){
       this.name=name
    }
    Animai.prototype.eat=function(){
        console.log("我爱吃饭",this.name)
    }
    let dog=new Animai()
    let cat=new Animai()

    dog.eat();//我爱吃饭
    cat.eat();//我爱吃饭
    
    console.log(dog.eat()===cat())//true

运行结果

我爱吃饭

我爱吃饭

true

总结

在构造函数上定义方法（不共享）

在原型上定义方法（共享）