位置: 编程技术 - 正文

javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式(javascript学习指南)

编辑:rootadmin
在使用面向对象编程时,对象间的继承关系自然少不了!而原型正是实现javascript继承的很重要的一种方法! 我们首先来看以下代码: 从运行的结果我们可以看出,通过关键字new创建的zhangchen这个对象继承了person中通过原型定义的getInfo()方法。下面我们具体来看新建的zhangchen这个对象是如何继承person对象的属性和方法的。 原型:在使用 JavaScript 的面向对象编程中,原型对象是个核心概念。在 JavaScript 中对象是作为现有示例(即原型)对象的副本而创建的,该名称就来自于这一概念。此原型对象的任何属性和方法都将显示为从原型的构造函数创建的对象的属性和方法。可以说,这些对象从其原型继承了属性和方法。当创建zhangchen对象时:

zhangchen 所引用的对象将从它的原型继承属性和方法,对象 zhangchen 的原型来自构造函数(在这里是函数 person)的属性。

在 JavaScript 中,每个函数都有名为prototype的属性,用于引用原型对象。此原型对象又有名为constructor的属性,它反过来引用函数本身。这是一种循环引用, 下图更好地说明了这种循环关系。

推荐整理分享javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式(javascript学习指南),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript要怎么学,javascript教程完整版,javascript入门教程,javascript入门教程,javascript如何学,javascript基础笔记,javascript入门教程,javascript基础笔记,内容如对您有帮助,希望把文章链接给更多的朋友!

图1 循环关系

现在,通过new运算符用函数(上面示例中为 person)创建对象时,所获得的对象将继承 person.prototype 的属性。在上图,可以看到 person.prototype 对象有一个回指 person 函数的构造函数属性。这样,每个 person对象(从 person.prototype 继承而来)都有一个回指 person 函数的构造函数属性。

javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式(javascript学习指南)

我们可以用以下代码来验证这种循环是否正确:以上代码中的对"isPrototypeOf()"方法的调用来自哪里呢?是来自person.prototype对象吗?不对,实际上,在 person.prototype 和 person 实例中还可以调用其他方法,比如 toString、toLocaleString 和 valueOf,但它们都不来自 person.prototype。而是来自于JavaScript 中的 Object.prototype ,它是所有原型的最终基础原型。(Object.prototype 的原型是 null。) 在以上例中,zhangchen.prototype 是对象。它是通过调用 Object 构造函数创建的(尽管它不可见)相当于执行子以下代码:

因此,正如 person实例继承person.prototype 一样,zhangchen.prototype 继承 Object.prototype。这使得所有 zhangchen 实例也继承了 Object.prototype 的方法和属性。

原型链:每个 JavaScript 对象都继承一个原型链,而所有原型都终止于 Object.prototype。注意,这种继承是活动对象之间的继承。它不同于继承的常见概念,后者是指在声明类时类之间的发生的继承。因此,JavaScript 继承动态性更强。它使用简单算法实现这一点,如下所示:当您尝试访问对象的属性/方法时,JavaScript 将检查该属性/方法是否是在该对象中定义的。如果不是,则检查对象的原型。如果还不是,则检查该对象的原型的原型,如此继续,一直检查到 Object.prototype。下图说明了此解析过程:

图2 toString()方法的解析过程

从以上解析过程中,如果在对象中定义了属性/方法 X,则该对象的原型中将隐藏同名的属性/方法。例如,通过在 person.prototype 中定义 toString 方法,可以改写 Object.prototype 的 toString 方法。

再看以下代码:从运行结果可以看到,虽然person的每个实例都继承了person.prototype中的方法,但是我们也可以在实例化的对象中重新定义原型对象中的方法,而且也不会影响到其它的实例! 以上是自己对原型及原型链继承方式的认识,参考( JavaScript: 使用面向对象的技术创建高级 Web 应用程序),希望大家共同讨论!

actionscript与javascript的区别 当时Netscape的JavaScript使其在与ie的浏览器大战中独占鳌头,而后ie创建了jscript应对Netscape的JavaScript,而事实上jscript基本上抄袭的JavaScript,这也是微软一

js的一些常用方法小结 Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()一个一个来看:Val():来对一个页面元素进行取值和赋值取值:varresult=$(#txtSearch).val

javascript开发技术大全-第1章javascript概述 1.1略1.2版本。略1.3javascript与浏览器略1.4javascript作用摘自《3Cschool》JavaScript能做什么?JavaScript为HTML设计师提供了一种编程工具HTML创作者往往都不是程

标签: javascript学习指南

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

上一篇:javascript 学习笔记(八)javascript对象(javascript教程完整版)

下一篇:actionscript与javascript的区别

  • 专票 附加费
  • 支付宝过路费开票小程序
  • 酒店购买餐具会计分录
  • 劳务派遣公司简介模板范文
  • 期末结转增值税
  • 建筑业未开票收入情况说明
  • 计提存货跌价准备计算公式
  • 缴纳上月应交税费分录
  • 已认证未抵扣发票冲红流程
  • 季报进入国税官网后怎么操作?
  • 免税商品进项税可以抵扣吗
  • 离职补偿金要交个税的例子
  • 企业所得税免征和不征
  • 下岗职工能享受什么待遇
  • 资产负债表里面的应收账款包括哪些
  • 企业所得税以前年度所得调整
  • 办公室房租属于什么费用
  • mac版本系统
  • linux常用命令make
  • PHP:xml_get_error_code()的用法_XML解析器函数
  • php变量底层实现
  • 暂估成本会计分录
  • 公司租赁办公室要注意什么
  • 期末结转之前有哪些注意事项
  • 融资租入固定资产是什么意思
  • 混合筹资的定义
  • 事业单位结息会降薪吗
  • PHP:imagecolordeallocate()的用法_GD库图像处理函数
  • 前端gui
  • 宣告分配现金股利和股票股利的区别
  • php trait用法
  • linux如何搭建
  • flask框架入门
  • 小规模纳税人进口增值税怎么处理
  • js原型函数
  • 售后租回交易的第二年利息怎么算
  • 材料暂估入库如何进行账务处理
  • 引导式申报带出来的开票额与金税盘显示的不一致
  • 企业所得税季报营业成本包括哪些
  • C语言中如何计算除法
  • python中的threading模块
  • 基于vue的开源甘特图控件
  • 织梦图片集如何调用
  • 增值税税款抵扣
  • 企业注销了,存钱怎么办
  • 那怎么才能恢复
  • 长期应付款科目的涉税风险
  • 小规模纳税人的认定标准是什么
  • 以前年度损益调整会计分录
  • 计提折旧是哪个月的
  • 个人取得全年一次性奖金征税规定
  • 查缴个人海外避税所得税
  • 预付款已经开了发票未到货要怎么做账
  • 销货清单和发票金额不一致
  • 一般纳税人怎样开3个点的专票
  • 旅游业小规模纳税人增值税申报
  • 工业企业出售产品应交的消费税额,应计入营业成本
  • 一般纳税人外地预缴税款怎么做分录
  • 发票作废才能验旧吗
  • sql2000怎么修改默认实例名
  • 安装sqlserver2016步骤
  • Kaspersky Rescue Disk 2009.04.16 卡巴斯基救援盘
  • 2tb的硬盘够用吗
  • 控制面板中的添加和删除在哪里
  • win8破解密码开机密码
  • centos开机自动运行
  • xp系统的文件要用什么才能打开
  • vim删除^m
  • windows小娜怎么开启
  • shell脚本 !
  • 在windows 10中
  • unity小例子
  • jquery怎么实现单页面
  • python组合运算
  • jquery给下拉框添加选项
  • 燃气号如何查询
  • 国家税务局天津市税务总局官网
  • 贵州地方税务局网上办税服务厅
  • 教育培训行业的发展
  • 房产折旧怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设