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

​

目录

前言

导语

在构造函数上定义方法

运行结果

在原型链上定义方法

运行结果

总结

---

前言

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

导语

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

#

​编辑

在构造函数上定义方法

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

总结

在构造函数上定义方法(不共享)

在原型上定义方法(共享)

​