前端原型和原型链的学习

目录

前言

导语

在构造函数上定义方法

运行结果

在原型链上定义方法

运行结果

总结

---

前言

我是歌谣 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

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

编辑

在构造函数上定义方法

    //在构造函数上直接定义方式
    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

总结

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

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

这篇好文章是转载于：学新通技术网