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

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

时间:2023-08-07 10:05:45浏览次数:39  
标签:吃饭 实例 前端 dog cat Animai 原型 定义方法 eat


 

目录

前言

导语

在构造函数上定义方法

运行结果

在原型链上定义方法

运行结果

总结


前言

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

导语

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

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

前端原型和原型链实例的学习_构造函数_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

前端原型和原型链实例的学习_构造函数_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

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

运行结果

我爱吃饭

我爱吃饭

true

总结

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

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


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

相关文章

  • 前端原型和原型链构造函数的使用
     目录前言导语原型的构造器指向构造函数 原型上添加方法注意的地方构造器指向构造函数本身总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌......
  • 【抖音API接口开发系列】抖店详情页数据采集实例,视频详情同理
    随着互联网的飞速发展,电商行业已经成为了现代消费的主流模式。在电商平台上,商品的交易、物流、支付等环节都需要使用API(ApplicationProgrammingInterface)接口来实现信息的传递和互动。那么,什么是电商API?电商API的未来又会有怎样的发展趋势呢?首先,我们来了解一下什么是API。API即应......
  • 【1.0】前端的发展史
    前端的发展史HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面->给后端(PHP、Python、Go、Java)->后端嵌入模板语法->后端渲染完数据->返回数据给前端->在浏览器中查看javascript=ECMAScript(5,6,13)+Dom+BomAjax的出现->后台发送异步请求,Render......
  • 为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、sty
    因历史遗留原因,接手的项目没有代码提醒/格式化,包括eslint、pretttier,也没有commit提交校验,如husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。eslinteslint是一个代码校验工具,用来规范项目代码风格。初始化通过n......
  • Spring 配置 Bean 实例化有哪些方式?
    Allyouneedistheplan,theroadmap,andthecouragetopressontoyourdestination.你所需要的只是计划,路线图,以及朝着目标前进的勇气。Spring实例化bean的方式构造器的方式静态工厂方式实例化工厂方式1、使用构造器实例化bean也是最常用的ps:注意:Hello......
  • 深度学习编译器前端技术概述
    AI编译器在前端经常会做一些静态分析,方便在前端做一些优化:自动微分等。中间表示(IntermediateRepresentation,IR)IR是编译器用于表示源代码的数据结构或代码,是程序编译过程中介于源语言和目标语言之间的程序表示。几乎所有的编译器都需要某种形式的中间表示,来对被分析、转换......
  • 前端黑魔法 —— 隐藏网络请求的调用栈
    前言浏览器网络控制台会记录每个请求的调用栈(Initiator/启动器),可协助调试者定位到发起请求的代码位置。为了不让破解者轻易分析程序,能否隐藏请求的调用栈?事件回调事实上,使用之前《如何让JS代码不可断点》文中的方案,通过「内置回调」到「原生函数」,即可隐藏请求的调用栈:......
  • 前端学习笔记202306学习笔记第四十八天-react-admin marmelab之6
            ......
  • 前端学习笔记202306学习笔记第四十八天-react-admin marmelab之5
          ......
  • 前端学习笔记202306学习笔记第四十八天-react-admin marmelab之4
         ......