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

目录

前言

导语

在构造函数上定义方法

运行结果

在原型链上定义方法

运行结果

总结


前言

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

导语

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

#

​编辑

在构造函数上定义方法

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

总结

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

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

posted @   前端导师歌谣  阅读(7)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示