0
点赞
收藏
分享

微信扫一扫

#yyds干货盘点# 【js学习笔记二十九】前端原型和原型链实例的学习


前言


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


导语


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


#yyds干货盘点# 【js学习笔记二十九】前端原型和原型链实例的学习_构造函数#yyds干货盘点# 【js学习笔记二十九】前端原型和原型链实例的学习_构造函数_02

在构造函数上定义方法

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

#yyds干货盘点# 【js学习笔记二十九】前端原型和原型链实例的学习_原型链_03

运行结果


我爱吃饭

我爱吃饭

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

#yyds干货盘点# 【js学习笔记二十九】前端原型和原型链实例的学习_构造函数_04

运行结果


我爱吃饭

我爱吃饭

true


总结


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

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



举报

相关推荐

js原型和原型链

0 条评论