学*es6的继承与原型链

发布时间:2021-11-30 04:49:29

es6出现了class类但是此类非彼类和java不一样 上代码
这是typescript未编译的样子


class Pepole{
age:number=null
name:string=""
constructor(name:string,age:number) {
this.name=name
this.age=age
}
sayHi():void{
console.log(this.age)
}
}

下面是编译的样子
var Pepole = /** @class */ (function () {
function Pepole(name, age) {
this.age = null;
this.name = "";
this.name = name;
this.age = age;
}//构造函数把类的属性与初始化的属性全部放入函数里面
Pepole.prototype.sayHi = function () {
console.log(this.age);
};//构造函数只要建立就会有相对应的原型,
//实例化之后对象存在隐式原型指针指向构造函数原型,
//而new Pepole()的原型属性也是指向构造函数原型
return Pepole;
解释一下
}());//匿名函数的调用

es6继承


class Pepole{
constructor(name) {
this.name=name;
}
}
class Hua extends Pepole{
constructor(name) {
super(name)
}
He(){
}
}
const h=new Hua("as");

console.log(h.__proto__)
Pepole {constructor: ?, He: ?}
He: ? He()
constructor: class Hua
__proto__: Object//h隐式原型

console.log(Hua.prototype)
Pepole {constructor: ?, He: ?}
He: ? He()
constructor: class Hua
__proto__: Object//Hua原型属性
指向都是object,所以两个是相等的,都是构造函数指向在建立的时候产生的原型链,
当对象调用没有找到属性或者方法,js就会爬原型链,直到object,才会停止
console.log(Hua.prototype.__proto__)
{constructor: ?}
constructor: class Pepole
__proto__: Object//
console.log(Pepole.prototype)
{constructor: ?}
constructor: class Pepole
__proto__: Object

重点
这是继承的情况

Hua.prototype.__proto__===Pepole.prototype
子类Hua.prototype指向父类Pepole实例化

这是一般情况没有继承的时候
const a=new b();
a是b的实例化对象
a.__proto__===b.prototype
总结
目前就学*到这 有不足的希望大佬 补充

相关文档

  • 好的治疗多动症方法及其原因
  • 《猜灯谜》幼儿园教学设计
  • 如何在家做旺仔小馒头?
  • 手机里屏幕里面水印怎么办
  • mapreduce文档概述
  • 幼儿园小班认识沉与浮教案
  • 苹果6p刷机报错9
  • th:each=
  • 弹钢琴的时候怎么协调左右手
  • 【复杂系统迁移 .NET Core平台系列】之迁移项目工程
  • 辣椒对养生有哪些功效
  • 2020年甘肃高考防疫关键措施10条
  • 乐器箱包的宣传广告词
  • oracle备份与恢复基础知识扫盲
  • requests+selenium 爬虫项目和 scrapy 爬虫项目的区别
  • 万圣节创意活动策划书范本
  • 小学美术同一幅画课件
  • 孩子被蚊子咬了最有效的止痒方法是什么可以用什么药来去止痒
  • 仓颉是怎么造字的呢
  • 寒假《爱的教育》读后感范文
  • 蓝闽波委员:高校教学须以兴趣为导向
  • 熟黄豆水适合浇什么花
  • 人口计生基本常识100问
  • 安装ROS IDE --Clion
  • 姓杜女孩诗词取名的方法
  • 有关校本培训的心得体会范文
  • 华为手机儿童锁在哪里
  • 自我处理包皮过长
  • Unity Tessellation Shader+Geometry shader实现毛发效果
  • 实习单位考核意见精选多篇
  • 猜你喜欢

  • 2011年春季小学语文四年级下册1
  • 未领结婚证的法律后果是什么
  • 最新整理水上应急预案.docx
  • 腹主动脉瘤的成因研究
  • 最新人美版美术五年级下册第19课《昨天、今天和明天》教案.doc
  • 房地产集团公司财务总监岗位职责
  • 2020年财务会计教育专业大学排名
  • PHP与java的servant,java_Java实现排队论的原理,引入: 前段时间去银行办业 - phpStudy...
  • 寒假培训机构代理社会实践报告
  • 新手上路开车要学36计完全版
  • 如何使用示波器测试EMI辐射干扰
  • 最新-2019年参加广东省骨干教师培训班学*心得体 精品
  • 《有翡》经典台词文案句子大全《有翡》台词经典语录摘抄
  • 七年级道德与法治下册 第一单元 青春时光 第一课 青春的邀约 第1框《悄悄变化的我课件 新人教版
  • 【Swing】JPanel重写paint()后按钮被遮挡,点击按钮键盘监听失效
  • 网络维护管理制度范本
  • 吃羊肉火锅加两种食材不容易上火
  • 组织行为学的复*重点
  • 苹果发布iOS安全白皮书 深度解析Touch ID
  • (201907)高二政治文化塑造人生(1)
  • 什么是薏米,吃薏米可以减肥吗
  • 学校诗歌朗诵主持开幕词及闭幕词
  • 福建省永春一中2018-2019学年高一下学期期中考试历史试题 Word版含答案
  • 暗黑童谣大全
  • 八年级道德与法治上册第四单元人身权、受教育权:美好生活最相关第7课伴我们一生的权利第2框过有尊严的生
  • 广州向方餐饮管理服务有限公司企业信息报告-天眼查
  • 母亲七十大寿宴会答谢词
  • 人教版高中化学选修四高二化学期末复*盐类的水解巩固练*
  • 光电测量仪器项目可行性研究报告(规划设计模板)
  • 暑假生活作文300
  • 2019-2020“财政局税务局年度工作规划”财政工作计划
  • 2019-2025全球与中国电动自行车驱动装置市场现状及未来发展趋势
  • 乡村振兴进程中的“多村一社区”型农村社区公共服务供给研究
  • 2018-2019学年高中历史人教版选修一文档:第五单元+欧洲的宗教改革+第3课1+Word版含答案
  • 心理干预在非小细胞肺癌化疗患者整体护理中的应用研究
  • 大乘起信论上海真如寺妙灵法师主讲
  • 温度对化学生物絮凝_BAF处理城市污水的影响研究
  • 剑桥少儿英语一级上册AUnit11(课堂PPT)
  • 2013年云南大学软件学院专业课试卷答案
  • 【免费下载】8 生物 江都市甘棠中学 高一下学期期中考试生物试题
  • 安徽省芜湖市2019年中考数学二模试卷含答案解析
  • 成都市天动乐体育文化传播有限公司企业信息报告-天眼查
  • 电脑版