实现继承的方式

/*** 借助构造函数实现继承*/function Parent1(){this.name = "parent1";}Parent1.prototype.say = function(){};function Child1(){//将父构造函数的this指向子构造函数的实例上Parent1.call(this);//applythis.type = "child1";}console.log(new Child1);/*** 借助原型链实现继承*/function Parent2(){this.name = 'parent2';this.play = [1,2,3];}function Child2(){this.type = 'child2';}Child2.prototype = new Parent2();console.log(new Child2);var s1 = new Child2();var s2 = new Child2();console.log(s1.play,s2.play);s1.play.push(4);/*** 组合方式* 缺点民:实例化两次父类*/function Parent3(){this.name = "parent3";this.play = [1,2,3];}function Child3(){Parent3.call(this);this.type = 'child3';}Child3.prototype = new Parent3();var s3 = new Child3();var s4 = new Child3();s3.play.push(4);console.log(s3.play, s4.play);/*** 组合继承的优化1*/function Parent4(){this.name = "parent4";this.play = [1,2,3];}function Child4(){Parent4.call(this);this.type = 'child4';}Child4.prototype = Parent4.prototype;var s5 = new Child4();var s6 = new Child4();console.log(s5, s6);console.log(s5 instanceof Child4,s5 instanceof Parent4);//构造函数是一个,无法判断实例是父类创建还是子类创建
    console.log(s5.constructor);/*** 组合继承优化2*/function Parent5(){this.name = "parent5";this.play = [1,2,3];}function Child5(){Parent5.call(this);this.type = 'child5';}//创建中间对象Child5.prototype = Object.create(Parent5.prototype);Child5.prototype.constructor = Child5;var s7 = new Child5();console.log(s7 instanceof Child5, s7 instanceof Parent5);console.log(s7.constructor);
//模拟new func就是一个构造函数var new2 = function(func){//第一步,创建一个空对象,空对象关联构造函数的原型对象var o = Object.create(func.prototype);//第二步,执行构造函数,k表示返回结果var k = func.call(o);//第三步,判断构造函数的动行结果是不是对象类型if(typeof k === 'object'){return k;}else{return o;}}

  

转载于:https://www.cnblogs.com/huyanluanyu/p/10106248.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/387779.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue源码: 关于vm.$watch()内部原理

vm.$watch()用法 关于vm.$watch()详细用法可以见官网。 大致用法如下: <script>const app new Vue({el: "#app",data: {a: {b: {c: c}}},mounted () {this.$watch(function () {return this.a.b.c}, this.handle, {deep: true,immediate: true // 默认会初始化…

docker启动顺序

VMDocker: 用户名:root 密码:XXXXXXXXXXXXX docker run -i -t -d -p 8081:8080 -p 23:22 67591570dd29 /bin/bash 常用命令 启动停止: service docker start service docker stop 所有镜像:docker images 当前执行:docker ps 提交保存docker容器: docker commit 进入到对应服…

js时钟倒计时

JS倒计时Date 代码如下&#xff1a; 1 <style type"text/css">2 * {3 margin: 0;4 padding: 0;5 }6 7 #box {8 border: 1px solid cyan;9 background-color: #000; 10 height: 50px; 11 width: 500px; 12 margin: 100px auto 0; 13 border-radius: 20px; 14 te…

JAVA的值传递问题

为什么 Java 中只有值传递&#xff1f; 首先回顾一下在程序设计语言中有关将参数传递给方法&#xff08;或函数&#xff09;的一些专业术语。按值调用(call by value)表示方法接收的是调用者提供的值&#xff0c;而按引用调用&#xff08;call by reference)表示方法接收的是调…

小程序如何封装自定义组件(Toast)

1、创建和pages 同级的component目录新建一个myToast目录 例如: 2、myToast.wxml文件内容: <!-- 自定义toast组件 --> <!-- name 模块名称 --><template name"toast" ><!-- catchtouchmove‘xxx’ 遮罩层的滚动穿透 --><!-- isHide 显示…

2017 百度杯丶二月场第一周WP

1.祸起北荒 题目&#xff1a; 亿万年前 天子之子华夜&#xff0c;被父神之神末渊上神告知六荒十海之北荒西二旗即将发生一场“百度杯”的诸神之战 他作为天族的太子必须参与到此次诸神之战定六荒十海 华夜临危受命&#xff0c;马上带着火凤凰飞行到北荒“西二旗” 却没想到这六…

docker保存对容器的修改

Docker 子命令: attach commit diff export history import insert kill login port pull restart rmi save start tag version build cp events help images info inspect load logs ps …

中国涉5.9亿份简历信息泄露

据美国科技媒体ZDNet报道&#xff0c;有研究人员发现&#xff0c;中国企业今年前3个月出现数起简历信息泄漏事故&#xff0c;涉及5.9亿份简历。大多数简历之所以泄露&#xff0c;主要是因为MongoDB和ElasticSearch服务器安全措施不到位&#xff0c;不需要密码就能在网上看到信息…

阿里云亮相2019联通合作伙伴大会,边缘计算等3款云产品助力5G时代产业数字化转型...

4月23日&#xff0c;2019中国联通合作伙伴大会在上海正式开幕&#xff0c;本次大会以“合作不设限&#xff0c;共筑新生态”为主题&#xff0c;涉及5G、边缘计算、云计算、物联网、新媒体、人工智能、互联网化等各领域超过600家合作伙伴与3万名各行业观众参会。据了解&#xff…

hadoop2.7 伪分布

hadoop 2.7.3伪分布式环境运行官方wordcounthadoop 2.7.3伪分布式模式运行wordcount 基本环境&#xff1a; 系统&#xff1a;win7 虚机环境&#xff1a;virtualBox 虚机&#xff1a;centos 7 hadoop版本&#xff1a;2.7.3 本次以伪分布式模式来运行wordcount。 参考&#xff1a…

iPhone手机屏幕尺寸(分辨率)

第一代iPhone2G屏幕为3.5英吋&#xff0c;分辨率为320*480像素&#xff0c;比例为3:2。 第二代iPhone3G屏幕为3.5英吋&#xff0c;分辨率为320*480像素&#xff0c;比例为3:2。 第三代iPhone3GS屏幕为3.5英吋&#xff0c;分辨率为320*480像素&#xff0c;比例为3:2。 第四代iPh…

[Java in NetBeans] Lesson 06. Custom classes

这个课程的参考视频和图片来自youtube。 主要学到的知识点有&#xff1a; Constructors: A special method called when an object of the class is createdproperty pattern and encapsulation(封装): hide the implementation details from the user, so when the class is b…

UDP打洞NAT大致分为下面四类 P2P

NAT大致分为下面四类 1) Full Cone 这种NAT内部的机器A连接过外网机器C后,NAT会打开一个端口.然后外网的任何发到这个打开的端口的UDP数据报都可以到达A.不管是不是C发过来的. 例如 A:192.168.8.100 NAT:202.100.100.100 C:292.88.88.88 A(192.168.8.100:5000) -> NAT(202.1…

让内核突破512字节的限制

转载于:https://www.cnblogs.com/ZHONGZHENHUA/p/10124237.html

高频算法面试题(字符串) 242. 有效的字母异位词

leetcode 242. 有效的字母异位词 给定两个字符串 s 和 t &#xff0c;编写一个函数来判断 t 是否是 s 的一个字母异位词。示例 1: 输入: s "anagram", t "nagaram" 输出: true 复制代码示例 2: 输入: s "rat", t "car" 输出: fals…

struts2的漏洞

文章前半部分来自团队小伙伴阿德马的总结&#xff0c;后半部分的Poc和Exp是小编匆忙之际借鉴而来&#xff0c;感谢写Poc和Exp的伙伴~ 安恒给官方上报的&#xff0c;然后官方选择了1个对国内来说比较敏感的时期发了公告出来&#xff0c;好蛋疼。 该漏洞的CVE编号是CVE-2017-56…

Java Statement PK PrepareStatement

PreparedStatement是用来执行SQL查询语句的API之一&#xff0c;Java提供了 Statement、PreparedStatement 和 CallableStatement三种方式来执行查询语句&#xff0c;其中 Statement 用于通用查询&#xff0c; PreparedStatement 用于执行参数化查询&#xff0c;而 CallableStat…

mysql在linux 下安装

安装环境&#xff1a;系统是 centos6.5 1、下载 下载地址&#xff1a;http://dev.mysql.com/downloads/mysql/5.6.html#downloads 下载版本&#xff1a;我这里选择的5.6.33&#xff0c;通用版&#xff0c;linux下64位 也可以直接复制64位的下载地址&#xff0c;通过命令下载&a…

Leetcode PHP题解--D47 868. Binary Gap

2019独角兽企业重金招聘Python工程师标准>>> D47 868. Binary Gap 题目链接 868. Binary Gap 题目分析 给定一个数字&#xff0c;计算其二进制表示中&#xff0c;出现的两个1最大距离。 思路 当然是先转换成二进制了。再进行遍历。 当只有一个1时&#xff0c;返回0。…