位置: 编程技术 - 正文

javascript原型继承工作原理和实例详解(javascript中的原型和原型链)

编辑:rootadmin

推荐整理分享javascript原型继承工作原理和实例详解(javascript中的原型和原型链),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js原型继承的几种方式,js原型作用,javascript中的原型和原型链,js 原型继承的几种方法,js原型继承和构造继承,javascript原型继承,js 原型继承的几种方法,javascript原型继承,内容如对您有帮助,希望把文章链接给更多的朋友!

先为大家分享JS原型继承实例,供大家参考,具体内容如下

一、JS原型继承

二、JavaScript原型继承工作原理

JavaScript采用原型继承这事儿是众所皆知的,但由于它默认只提供了一个实现的实例,也就是 new 运算符,因此对于它的解释总是令人困惑,接下来阐明什么是原型继承以及在JavaScript中究竟如何使用原型继承。

原型继承的定义

当你阅读关于JS原型继承的解释时,你时常会看到以下这段文字:

当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止。——出自JavaScript秘密花园大多数JavaScript的实现用 __proto__ 属性来表示一个对象的原型链。在这篇文章里我们将看到 __proto__与 prototype 的区别何在。

注:__proto__ 是一个不应在你代码中出现的非正规的用法,这里仅仅用它来解释JavaScript原型继承的工作原理。

以下代码展示了JS引擎如何查找属性:

让我们举一个常见的例子:二维点,拥有二维坐标 x y ,同似拥有一个 print 方法。

用之前我们说过的原型继承的定义,我们创建一个对象 Point ,拥有三个属性:x,y 和 print 。为了能创建一个新的二维点,我们需要创建一个新的对象,让他其中的 __proto__ 属性指向 Point :

javascript原型继承工作原理和实例详解(javascript中的原型和原型链)

JavaScript怪异的原型继承

令人困惑的是,每个教授原型继承的人都不会给出这样一段代码,反而会给出下面这样的代码:

这和说好的不一样啊,这里 Point 变成了函数,然后还有个什么 prototype 的属性,而且有了 new 运算符。这他喵的是什么情况?

new 运算符是如何工作的

造物者 Brendan Eich 想让JS和传统的面向对象的编程语言差不太多,如Java和C++。在这些语言里,我们采用 new 运算符来给类实例化一个新的对象。所以他在JS里写了一个 new 运算符。

C++里有用来初始化实例属性的构造函数概念,因此 new 运算符必须针对函数。我们需要将对象的方法放到一个地方去,既然我们在用原型语言,我们就把它放到函数的原型属性中去。new 运算符接受一个函数 F 及其参数:new F(arguments...)。这一过程分为三步:

创建类的实例。这步是把一个空的对象的 __proto__ 属性设置为 F.prototype 。初始化实例。函数 F 被传入参数并调用,关键字 this 被设定为该实例。返回实例。现在我们知道了 new 是怎么工作的,我们可以用JS代码实现一下:

一个小小的例子来看一下他的工作状况:

JavaScript中真正的原型继承

JS的ECMA规范只允许我们采用 new 运算符来进行原型继承。但是大宗师 Douglas Crockford 却发现了一种可以利用 new 来实现真正的原型继承的方式!他写下了 Object.create 函数如下:

这看起来蛮奇怪的,但却是相当的简洁:它创建了新的对象,并将其原型设置为你想设置的任意值。如果我们允许使用 __proto__ ,那我们也可以这样写:

下面这段代码就是让我们的 Point 采用真正的原型继承:

结论

我们已经了解了JS原型继承是什么,以及JS如何用特定的方式来实现之。然而使用真正的原型继承(如 Object.create 以及 __proto__)还是存在以下缺点:

标准性差:__proto__ 不是一个标准用法,甚至是一个不赞成使用的用法。同时原生态的 Object.create 和道爷写的原版也不尽相同。优化性差: 不论是原生的还是自定义的 Object.create ,其性能都远没有 new 的优化程度高,前者要比后者慢高达倍。

标签: javascript中的原型和原型链

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

上一篇:分离与继承的思想实现图片上传后的预览功能:ImageUploadView(分离与继承的思想是什么)

下一篇:js类式继承与原型式继承详解(js类继承的几种方式)

  • 不确认递延所得税的特殊情况
  • 个人独资企业生活费用和经营费用混在一起的
  • 居民个税和非居民个税哪个高
  • 劳务费增值税税率13%
  • 房地产开发产品科目
  • 以前年度无形资产本年摊销额
  • 预付加油卡发票可以报销吗
  • 公司工会的主要职能是
  • 分配本月工资及福利费会计分录
  • 税务局代增值税专用发票冲红,如何重新申报退税
  • 小规模交了增值税还要交什么
  • 联营和合营的区别
  • 怎么登记明细账
  • 建筑业预缴税款是什么意思
  • 服务免税销售额
  • 营业外收入的核算内容主要有哪些
  • 企业承担个人所得税的规定
  • 小规模没有进项票可以开销项票吗
  • 高速公路通行费电子发票怎么打印
  • 餐饮业开专票几个点
  • 专用发票发票联丢失怎么办
  • 集团公司内部无偿借贷增值税
  • 营改增后不动产进项税额抵扣
  • 不交社保是否可以马上辞职
  • 双系统怎么卸载ubuntu
  • profiler.exe - profiler是什么进程 有什么用
  • 怎么在电脑上设置输入法
  • 收到项目资本金可以记到实收资本吗
  • 房地产开发企业增值税怎么算
  • 收到的投资属于什么科目
  • 雨林木风 u盘
  • 苹果手机怎么修改默认输入法
  • 酒店没有营业执照开业员工有责任吗
  • 苹果手机热点打不开是灰色的
  • 织梦地图插件
  • 企业购进商品取得的现金折扣
  • 代销方式是什么意思
  • 房屋赠与双方办理流程
  • 前端 上传文件
  • 文化传媒公司的部门
  • 北京猿创源科技有限公司
  • 营业执照上住所和经营场所
  • 购进的产品样品怎么入账
  • 2023年前端开发找工作好找吗
  • axure简单教程
  • openeuler基于
  • 投标保证金的缴纳方式有哪些
  • java处理字符串公式运算
  • python中的函数库
  • python中变量类型有几种
  • 机械租赁费税率是多少
  • 个体工商户怎么变更法人
  • 免抵退不得抵扣税额什么意思
  • 企业所得税的税收筹划
  • 固定资产入账怎么做凭证和入资产卡片?
  • 支付的中介费进什么科目
  • 房产税开征利好那些概念股 新闻
  • 收到质保金怎么写收据
  • mysql自动停止的解决办法
  • 进程管理界面
  • 微软员工工资
  • xp快捷桌面图标
  • xp系统远程桌面怎么设置
  • linux中遇到的问题
  • win7系统的磁盘管理在哪里,怎么打开
  • adsl怎么设置上网
  • 强缓存标志
  • linux文件批处理命令
  • react区别
  • 常用的八种教学方法
  • 安卓开发者有多少
  • 魔兽世界全部开发成本
  • 细说java
  • android 高德地图收费
  • 广东电子税务局手机版
  • 企业年报通怎么注销
  • 医保可以直接到税局买吗?
  • 公司变更税务局
  • 地方税务局发票管理所
  • 盘锦税务局招聘信息
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设