javascript类学习(一)——构造器与原型链实现简单的继承
2016-05-23 16:02
615 查看
javascript类学习(一)——构造器与原型链实现简单的继承
以下的例子是我从《javascript语言精髓实践》中找出的例子,下面是一个简单的实现。//构造器 function Animal(){}; function Mammal(){}; function Canine(){}; function Dog(){}; function Cat(){}; //原型链 Mammal.prototype = new Animal(); Canine.prototype = new Mammal(); Dog.prototype = new Canine(); Cat.prototype = new Mammal(); function isAnimal(obj){ return obj instanceof Animal; } //Dog.prototype.name = 'unknown name'; //Cat.prototype.name = 'unknown name'; Animal.prototype.name = 'unknown name'; Animal.prototype.eat = function () { alert(this.name + '\t'+'eating'); }; var dog = new Dog(); var cat = new Cat(); var cat2 = new Cat(); alert(isAnimal(dog)); alert(isAnimal(cat)); cat.name = 'kitty'; alert(cat.name); alert(cat2.name); cat.eat(); dog.eat();
对应的类继承的结构是这样的。目前正在学习javascript的类实现。在看《javascript 语言精髓实践》的时候得知,javascript中的类是通过构造器和原型链实现的。在这里很推荐这本书。
相关文章推荐
- json解析总结
- js 自定义弹出框
- JS实现字体逐个显示
- 从服务器下载&&OTA升级&&JSON文件解析
- JSP空指针异常问题
- JSP之——表单信息和图片一起提交
- 安卓中解析json数据问题积累
- Javascript实现页面加载完成后自动刷新一遍清除缓存文件
- 原生js的数组除重复
- ExtJS textField 关于验证(Regex)的一些属性说明
- js返回树形结构数据
- JavaScript的简介及特点
- Javascript中使用单引号和双引号有什么异同
- 超链接怎么正确调用javascript函数
- 利用js访问activiti-restful
- Ajax与JSON的一些总结
- javascript中mouseover和mouseout事件详解
- 初尝seajs,只提供自己学习做笔记
- JS弹出窗口代码大全(详细整理)
- JavaScript 加号操作符细节