位置: 编程技术 - 正文

图解prototype、proto和constructor的三角关系(纸嫁衣6攻略全文图解)

编辑:rootadmin

推荐整理分享图解prototype、proto和constructor的三角关系(纸嫁衣6攻略全文图解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:纸嫁衣6攻略全文图解,心电图怎么看图解,人体内脏位置结构图解,纸嫁衣6攻略全文图解,纸嫁衣6攻略全文图解,痣的位置与命运图解,涌泉的准确位置图 图解,纸嫁衣6攻略全文图解,内容如对您有帮助,希望把文章链接给更多的朋友!

  javascript里的关系又多又乱。作用域链是一种单向的链式关系,还算简单清晰;this机制的调用关系,稍微有些复杂;而关于原型,则是prototype、proto和constructor的三角关系。本文先用一张图开宗明义,然后详细解释原型的三角关系

图示

概念

  上图中的复杂关系,实际上来源就两行代码

【构造函数】

  用来初始化新创建的对象的函数是构造函数。在例子中,Foo()函数是构造函数

【实例对象】

  通过构造函数的new操作创建的对象是实例对象。可以用一个构造函数,构造多个实例对象

【原型对象及prototype】

  构造函数有一个prototype属性,指向实例对象的原型对象。通过同一个构造函数实例化的多个对象具有相同的原型对象。经常使用原型对象来实现继承

【constructor】

  原型对象有一个constructor属性,指向该原型对象对应的构造函数

  由于实例对象可以继承原型对象的属性,所以实例对象也拥有constructor属性,同样指向原型对象对应的构造函数

【proto】

  实例对象有一个proto属性,指向该实例对象对应的原型对象

说明

  概念介绍完了,现在对图示的关系进行详细说明

【第一部分: Foo】

  

实例对象f1是通过构造函数Foo()的new操作创建的。构造函数Foo()的原型对象是Foo.prototype;实例对象f1通过__proto__属性也指向原型对象Foo.prototype

图解prototype、proto和constructor的三角关系(纸嫁衣6攻略全文图解)

  实例对象f1本身并没有constructor属性,但它可以继承原型对象Foo.prototype的constructor属性

  下图是实例对象f1的控制台效果

【第二部分: Object】

  

Foo.prototype是f1的原型对象,同时它也是实例对象。实际上,任何对象都可以看做是通过Object()构造函数的new操作实例化的对象  所以,Foo.prototype作为实例对象,它的构造函数是Object(),原型对象是Object.prototype。相应地,构造函数Object()的prototype属性指向原型对象Object;实例对象Foo.prototype的proto属性同样指向原型对象Object

  实例对象Foo.prototype本身具有constructor属性,所以它会覆盖继承自原型对象Object.prototype的constructor属性

  下图是实例对象Foo.prototype的控制台效果

  如果Object.prototype作为实例对象的话,其原型对象是什么,结果是null。私以为,这可能也是typeof null的结果是'object'的原因之一吧

【第三部分: Function】

  前面已经介绍过,函数也是对象,只不过是具有特殊功能的对象而已。任何函数都可以看做是通过Function()构造函数的new操作实例化的结果

  如果把函数Foo当成实例对象的话,其构造函数是Function(),其原型对象是Function.prototype;类似地,函数Object的构造函数也是Function(),其原型对象是Function.prototype

  原型对象Function.prototype的constructor属性指向构造函数Function();实例对象Object和Foo本身没有constructor属性,需要继承原型对象Function.prototype的constructor属性

  所有的函数都可以看成是构造函数Function()的new操作的实例化对象。那么,Function可以看成是调用其自身的new操作的实例化的结果

  所以,如果Function作为实例对象,其构造函数是Function,其原型对象是Function.prototype

  如果Function.prototype作为实例对象的话,其原型对象是什么呢?和前面一样,所有的对象都可以看成是Object()构造函数的new操作的实例化结果。所以,Function.prototype的原型对象是Object.prototype,其原型函数是Object()

  第二部分介绍过,Object.prototype的原型对象是null

总结

  【1】函数(Function也是函数)是new Function的结果,所以函数可以作为实例对象,其构造函数是Function(),原型对象是Function.prototype

  【2】对象(函数也是对象)是new Object的结果,所以对象可以作为实例对象,其构造函数是Object(),原型对象是Object.prototype

  【3】Object.prototype的原型对象是null

JS中使用DOM来控制HTML元素 1.getElementsByName():获取name.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`例:pname="pn"hello/ppname="pn"hello/ppname="pn"hello/pscriptfunctiongetName(){varcount=document.getElementsByName("pn");alert(cou

详细谈谈javascript的对象 javascript中有很多对象内容,挑几个感觉用的比较多的讲解。在网上学习一些和看javascript的学习手册。如果要这个手册的可以留言,看到了我就发给你。

javascript 数组的正态分布排序的问题 最近几天顶着上海°的凉爽天气找工作,心里是开心的不要不要的,每次面试都是要坐那里出半天汗才能回过神来,感觉到了这个世界对我深深的爱意

标签: 纸嫁衣6攻略全文图解

本文链接地址:https://www.jiuchutong.com/biancheng/373563.html 转载请保留说明!

上一篇:关于JavaScript 原型链的一点个人理解(关于javascript函数)

下一篇:JS中使用DOM来控制HTML元素(js操作dom节点的方法)

  • 行政事业性收据发票记帐
  • 小微企业企业所得税税率变化
  • 发票冲红重开,重开时是按新税率还是旧税率
  • 工程施工的间接费用怎么结转
  • 普通发票可以换增值税发票吗
  • 公司自有房产出租营业执照范围
  • 应付票据与应付账款
  • 有限责任公司相关规定
  • 红字发票已抵扣和未抵扣是什么意思
  • 票据遗失可以采取哪些补救措施
  • 应收账款和长期应收款区别
  • 个税登记app
  • 服务业收到服务业发票分录
  • 其他扣款税后应该怎么做账?
  • 家电以旧换新怎么做账务处理
  • 公司是否可以开电子发票
  • 土方运输费会计分录
  • 资金账簿印花税最新政策2022年
  • 三方协议是先签先干活
  • 怎么查找地方教育附加税的计税依据?
  • 电信话费可以开公司发票吗
  • 三万以下免税如何开票
  • 转账支票存根属于银行回单吗
  • 外购固定资产进项税
  • 不得免征和抵扣的税额
  • 酒店住宿收入确认原则的条件
  • 红冲无票收入怎么报税
  • 员工工伤一次性赔偿申请书
  • php统计当前在线人数
  • 进程调度算法例题分析
  • phpstorm ftp
  • element分页器
  • php数组的类型有哪些
  • php 定时执行文件脚本
  • php实现购物车功能的方法
  • 债务重组收益的计算
  • 商业连锁企业有哪些
  • 小规模纳税人增值税免税政策
  • vuecli项目实战
  • yii框架连接数据库
  • php socket编程
  • 差额征税的几种情况
  • 火车票抵税申报表怎么填
  • 自然人所属税务机关怎么选
  • 产成品报废会计处理
  • mysql安装总结
  • 电子承兑汇票到期提示付款后多久到账
  • 主营业务利润率标准
  • 以前年度少计成本的税务处理
  • 已经认证抵扣的发票会计分录
  • 政府会计双核算模式的好处
  • 会计 借方 贷方
  • 减免税额月底怎么结转
  • 投资软件和信息技术服务业
  • 中小微企业有哪些企业
  • 银行卡被误扣多少钱
  • 分配股利有几种形式
  • 居民企业只就其境内全部所得纳税
  • 存货周转次数越高好还是越低好
  • 同一个客户有应收也有应付怎么办
  • 电信发票为什么有单位
  • 商品流通企业进货费用
  • mysql怎么切换到bin目录
  • 十个常用linux脚本命令
  • opengl颜色混合模式
  • js常用的设计模式
  • qat开发
  • linux查看多线程
  • perl读取文件内容到数组
  • js怎么获取复选框选中的值
  • jquery的设计模式
  • Unity3D&&TexturePacker
  • jquery插件库怎么导入
  • js方法不执行
  • 宁波市税务网上营业厅
  • 上海各区税务大厅
  • 重庆市电子税务局官网登录入口
  • 出口退税期限最长几个月以上
  • 广东省国家税务局网上办税大厅
  • 厦门税务地区编号
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设