首页 > 其他分享 >前端原型和原型链构造函数的使用

前端原型和原型链构造函数的使用

时间:2023-08-08 19:00:48浏览次数:26  
标签:console name 前端 构造 原型 Animal 构造函数


 

目录

前言

导语

原型的构造器指向构造函数

 原型上添加方法注意的地方 构造器指向构造函数本身

总结


前言

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

导语

前端原型和原型链构造函数的使用

前端原型和原型链构造函数的使用_构造函数

前端原型和原型链构造函数的使用_赋值_02编辑

原型的构造器指向构造函数

// 原型的构造器指向构造函数。
       function Animal(name){
           this.name=name
       }
       let obj=new Animal("小猴")
       console.log(Animal.prototype.constructor===Animal)   //true
       console.log(obj.__proto__.constructor === Animal) //true

前端原型和原型链构造函数的使用_构造器_03

 原型上添加方法注意的地方 构造器指向构造函数本身

function Star(name) {
				this.name = name
			}
			Star.prototype.dance = function () {
				console.log(this.name)
			}
			let geyao = new Star('小花')
			console.log(geyao.__proto__) //{dance: ƒ, constructor: ƒ}
			console.log(geyao.__proto__.constructor) // Star

前端原型和原型链构造函数的使用_赋值_04

总结

// 原型的构造器指向构造函数。

//原型上添加方法注意的地方 构造器指向构造函数本身

//Star.prototype = {}给原型重新赋值,此时会丢失构造器,

 //我们需要手动定义构造器,指回构造函数本身


标签:console,name,前端,构造,原型,Animal,构造函数
From: https://blog.51cto.com/u_14476028/7011523

相关文章

  • 记录--前端实用小技巧: 自动合并的网络请求
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助我们经常会遇到一个场景,比如在一个列表中批量获取用户的信息。 如果我们一次性往后端发送几十条请求是非常愚蠢的事情。此时我们就要学会如何使用批量获取的逻辑。但是批量获取有一个问题就是,我需要在用户列表......
  • 前端基础-数组方法
    数组方法备忘单:添加/删除元素:push(...items) ——向尾端添加元素,pop() ——从尾端提取一个元素,shift() ——从首端提取一个元素,unshift(...items) ——向首端添加元素,splice(pos,deleteCount,...items) ——从 pos 开始删除 deleteCount 个元素,并插入 i......
  • 前端实现文件夹的上传和下载
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • 火山引擎DataLeap数据质量动态探查及相关前端实现
    更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群需求背景火山引擎DataLeap数据探查上线之前,数据验证都是通过写SQL方式进行查询的,从编写SQL,到解析运行出结果,不仅时间长,还会反复消耗计算资源,探查上线后,只需要一次探查,就可以得到整张表的......
  • web前端:main、header、footer、nav、article、section标签的用法
    HTML5添加了诸如main、header、footer、nav、article、section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性。默认情况下,浏览器呈现这些新标签的方式与div相似。然而,合理地使用它们,可以使你的标签更加的语义化。辅助技术(如:屏幕阅读器)可以通过这些标签为用户提供更......
  • 记录--前端重新部署如何通知用户
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助1.场景前端构建完上线,用户还停留还在老页面,用户不知道网页重新部署了,跳转页面的时候有时候js连接hash变了导致报错跳不过去,并且用户体验不到新功能。2.解决方案每次打包写入一个json文件,或者对比生成的script......
  • 后台是.net的话前端该用什么框架??
    如果你在后端使用.NET,以下是几个流行的前端框架可以考虑使用:1.React:-优点:React是一个由Facebook开发的JavaScript库,它专注于构建用户界面。它采用组件化的开发模式,使得构建复杂的UI变得简单且可维护。React具有高度的灵活性和可重用性,能够提供出色的性能。2.Angular:-......
  • 微前端的优势在哪里?为何能够打败单体应用架构
    微前端是一种类似于微服务的架构,是一种由独立交付的多个前端应用组成整体的架构风格,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用,而在用户看来仍然是内聚的单个产品。有一个基座应用(主应用),来管理各个子应用的加载和卸载。所以微前端不是指具体的库,不是指具......
  • Adobe XD 2021原型制作软件下载和安装教程
    AdobeXD是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。设计师使用AdobeXD可以高效准确的完成静态编译或者框架图到交互原型的转变。软件介绍从节省时间的工具中受......
  • 微信小程序9 关于解密,前端解密
    我们之前在学习button时,可以通过调用getphonenumber获取手机号,但是获取后却发现是加密了的,那么如何解密呢,微信官方提供了相应的方法。 1.首先我们可以去下载官方提供的解密的js放在本地,推荐放到这个utils文件下。关键是这个RdWXBizDataCrypt.js文件,可以通过这个名字去百度。......