首页 > 其他分享 >前端原型和原型链实例的学习

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

时间:2023-11-25 11:32:03浏览次数:31  
标签:吃饭 实例 前端 dog cat Animai 原型 定义方法 eat


目录

前言

导语

在构造函数上定义方法

运行结果

在原型链上定义方法

运行结果

总结


前言

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

导语

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

#

前端原型和原型链实例的学习_构造函数

编辑

在构造函数上定义方法

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

总结

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

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




标签:吃饭,实例,前端,dog,cat,Animai,原型,定义方法,eat
From: https://blog.51cto.com/u_14476028/8558594

相关文章

  • 前端项目实战壹佰肆拾肆react-admin+material ui-react-admin之useList之isFetching
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群import{useList,ListContextProvider,Datagrid,TextField,useGetList}from'react-admin';exportconstRUserListData=()=>{const{data,isFetching......
  • 前端项目实战壹佰肆拾叁react-admin+material ui-react-admin之useList之filterCallba
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群import{useList,ListContextProvider,Datagrid,TextField}from'react-admin';exportconstRUserList=()=>{constlistContext=useList({data:......
  • C#中LINQ的使用知多少?LINQ常功能整理,实例源代码解析
     LINQ(Language-IntegratedQuery)是C#语言中的一个强大的查询技术,它提供了一种统一的查询语法,可以用于查询和操作各种数据源,包括集合、数据库、XML等。下面详细描述了LINQ的20个功能点,并提供了相应的源代码。查询集合中的所有元素:int[]numbers={1,2,3,4,5};var......
  • Lodash _.zipObject()实例讲解
    Lodash_.zipObject()实例讲解时间:2022-04-07本文章向大家介绍Lodash_.zipObject()实例讲解,主要分析其语法、参数、返回值和注意事项,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。_.zipOnject()方法用于将两个数组组合为一个对象,一......
  • Vue2纯前端导出
    //导出exportExcel(){//构造数据constdata=[['姓名','手机号码','卡号','身份等级'],...this.list.map((item)=>[item.clientName,item.clientPhone,item.card,item.standing]),]l......
  • LiteCVR前端解码与后端解码有何区别?一文看懂
    高效的视频监控安防解决方案不仅能够捕捉相关画面,更有助于在将来实现以数据驱动的安防功能。视频监控是安防模块的重要环节,随着互联网技术的进步,视频监控技术的发展也越来越快。前两期我们介绍了LiteCVRv3.4版本的页面布局,在【配置中心】-【基础配置】-【开关配置】中有个【前端......
  • C++11 多线程(std::thread)实例
    C++11的std::thread在C中已经有一个叫做pthread的东西来进行多线程编程,但是并不好用(如果你认为句柄、回调式编程很实用,那请当我没说),所以c++11标准库中出现了一个叫作std::thread的东西。std::thread常用成员函数构造&析构函数举个栗子例一:thread的基本使用1//Compiler:......
  • 满满干货!搭建智能视频监控系统如何挑选前端设备?
    在此前的文章中,小编也和大家讨论过如何选择适合场景需求又性价比高的摄像头。除了摄像头以外,智能监控系统的组成也少不了前端设备,今天就给大家介绍一下几大前端设备的区别与应用场景吧。在智能视频监控中,前端设备一般分为四类,主要为:视频接入网关、安全联网设备、边缘存储网关与......
  • 若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页
    若依vue前端动态设置路由path不同参数在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起:https://blog.csdn.net/weixin_43991241/article/details/126319259?ops_request_misc=&request_id=&biz_id=102&utm_term=matched.redir......
  • 前端必学——实现电商图片放大镜效果(附代码)
    放大镜可以说是前端人必须学会的程序之一,今天的案例为大家展示一下怎么实现放大镜的效果!效果图展示  整个效果就是当鼠标放到展示图上的时候,会出现一个遮罩层以及弹出来一个框展示一个详情图,并且鼠标移动的时候详情图跟着移动,鼠标离开详情图消失。HTML代码:<html><head><style>#sm......