#yyds干货盘点# 【js学习笔记二十六】前端原型和原型链构造函数

简介: #yyds干货盘点# 【js学习笔记二十六】前端原型和原型链构造函数

前言


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


导语


前端原型和原型链构造函数


图片.png

//构造函数 
    //实例成员: 实例成员就是在构造函数内部,通过this添加的成员。
    //实例成员只能通过实例化的对象来访问。
    function Animai(name,age){
        this.name=name
        this.age=age
    }
    Animai.length="2m"
    let dog=new Animai('小狗',"4")
    console.log(dog,"dog")
    //Animai {name: '小狗', age: '4'} 'dog'
    let cat =new Animai("小猫","5")
    console.log(cat,"cat")
    //Animai {name: '小猫', age: '5'}
    console.log(dog.length,"length")
    console.log(Animai.name,"name")
    //undefined 'length'
    // Animai name


运行结果

//Animai {name: '小狗', age: '4'} 'dog'
    //Animai {name: '小猫', age: '5'}
    //undefined 'length'
    // Animai name


总结


   //实例成员: 实例成员就是在构造函数内部,通过this添加的成员。

   //实例成员只能通过实例化的对象来访问。



相关文章
|
JavaScript 前端开发 API
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
652 8
|
JavaScript 前端开发
|
存储 JavaScript 前端开发
|
移动开发 JavaScript 前端开发
|
存储 JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发 开发者
|
开发者 图形学 iOS开发
掌握Unity的跨平台部署与发布秘籍,让你的游戏作品在多个平台上大放异彩——从基础设置到高级优化,深入解析一站式游戏开发解决方案的每一个细节,带你领略高效发布流程的魅力所在
【8月更文挑战第31天】跨平台游戏开发是当今游戏产业的热点,尤其在移动设备普及的背景下更为重要。作为领先的游戏开发引擎,Unity以其卓越的跨平台支持能力脱颖而出,能够将游戏轻松部署至iOS、Android、PC、Mac、Web及游戏主机等多个平台。本文通过杂文形式探讨Unity在各平台的部署与发布策略,并提供具体实例,涵盖项目设置、性能优化、打包流程及发布前准备等关键环节,助力开发者充分利用Unity的强大功能,实现多平台游戏开发。
1355 1
|
JavaScript 前端开发
JavaScript进阶-原型链与继承
【6月更文挑战第18天】JavaScript的原型链和继承是其面向对象编程的核心。每个对象都有一个指向原型的对象链,当查找属性时会沿着此链搜索。原型链可能导致污染、效率下降及构造函数与原型混淆的问题,应谨慎扩展原生原型、保持原型结构简洁并使用`Object.create`或ES6的`class`。继承方式包括原型链、构造函数、组合继承和ES6的Class继承,需避免循环引用、方法覆盖和不当的构造函数使用。通过代码示例展示了这两种继承形式,理解并有效利用这些机制能提升代码质量。
341 5

热门文章

最新文章