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

简介: 前端原型和原型链实例的学习

前言

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


导语

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




编辑


在构造函数上定义方法

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


总结

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


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

相关文章
|
2月前
|
前端开发
从零开始学习前端开发:HTML基础
HTML是前端开发的基础,它是网页内容的结构化描述语言。本文将介绍HTML的基本语法、标签和元素,以及如何使用它们来创建简单的网页。
|
2天前
|
前端开发 JavaScript 开发工具
给前端小白的学习建议
【7月更文挑战第4天】 **前端新手入门指南:** - 明确目标,从HTML/CSS基础开始。 - 深入学习JavaScript,结合项目实战。 - 跟踪技术趋势,选一二框架钻研。 - 多实践,从小项目到复杂应用。 - 掌握开发工具与调试技巧。 - 培养解决问题的能力,保持好奇与耐心。 - 加入社区,分享交流,持之以恒,成为优秀前端开发者。
10 2
|
3天前
|
前端开发 安全 JavaScript
学习前端加密
【7月更文挑战第3天】前端加密保护数据安全,防止传输中被截获,提升用户体验。HTTPS基础保障,JavaScript库如CryptoJS辅助加密,Web Crypto API提供原生加密功能。但前端加密非万能,需结合后端措施,注意算法选择、密钥管理。
7 2
|
12天前
|
移动开发 前端开发 JavaScript
前端学习加速器:高效软件工具与实用设置攻略
前端学习加速器:高效软件工具与实用设置攻略
前端学习加速器:高效软件工具与实用设置攻略
|
19天前
|
前端开发 JavaScript 开发工具
Web前端开发学习资料:深度探索与开发实践
Web前端开发学习资料:深度探索与开发实践
21 3
|
6天前
|
JavaScript 前端开发 Java
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
|
6天前
|
前端开发 数据安全/隐私保护
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(一)
|
6天前
|
JavaScript 前端开发
前端学习核心框架Vue2基础入门+实战教程
前端学习核心框架Vue2基础入门+实战教程
|
1月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
14 0
前端基础学习(一)HTML入门
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发
前端开发是一门非常受欢迎的技术,它可以让我们在网页上展示出美观、交互式的内容。但是对于初学者来说,前端开发可能是一门比较难入手的技术。本文将会从基础概念开始介绍前端开发,并深入了解HTML、CSS和JavaScript的使用及其应用。

热门文章

最新文章