JavaScript继承定义与用法实践分析
网络编程 2021-07-04 16:45www.168986.cn编程入门
这篇文章主要介绍了JavaScript继承定义与用法,结合实例形式分析了JavaScript面向对象程序设计中基类的定义、原型继承以及调用父类构造函数等相关操作技巧,需要的朋友可以参考下
本文实例讲述了JavaScript继承定义与用法。分享给大家供大家参考,具体如下
javascript 继承 , 老生长谈的东西, 大家应该都很熟悉了, 平时工作基本不会直接使用, 这段时间不忙, 所以补习了下相关基础知识 ,自己动手实践, 加深理解
基类定义如下
// base class function Animal(t) { if(typeof t==='string') this.type=t; else { if(t) this.type=t.toString(); else this.type='Animal' } this.speak=function(str) { if(str) console.log(this.type+' said '+str); else throw "please specify what you want to say!"; } }
1. 原型继承 (javascript 类库本身基于原型继承)
String, Number , Boolean 这三大原始类型 我们可以很直接的通过prototype 检查到他们继承自Object.
Date, RegExp ,Array 这三应该是间接继承了Object, 他们的prototype属性很特殊
Date.prototype =Invalid Date RegExp.prototype=/(?:)/ Array.prototype=[]
原型继承代码如下 (可以看到Mokey 原型链上的Animal和Object)
// Monkey : Animal function Monkey(name,age) { this.name=name; this.age=age; } Monkey.prototype=new Animal('Monkey'); // Example 01 var m=new Monkey('codeMonkey',10); / Monkey: age: 10 name: "codeMonkey" __proto__: Animal speak: function (str) type: "Monkey" __proto__: Animal constructor: function Animal(t) __proto__: Object / console.log(m.type); // Monkey console.log(m.name); // codeMonkey console.log(m.age); // 10 m.speak('hello world') // Monkey said hello world
2. 调用父类构造函数 ( 通过传递子类的this指针 , 将原本是父类的公开成员直接添加到了子类中,从子类原型链中无法看出继承关系)
// Human:Animal function Human(id,name) { // call base class's constuctor function Animal.call(this,'Human'); this.id=id; this.name=name; } var h=new Human(1,'leon'); / id: 1 name: "leon" speak: function (str) type: "Human" __proto__: Human constructor: function Human(id,name) __proto__: Object / h.speak('hello world'); // Human said hello world console.log(h.type); // Human
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程