【读书笔记】javascript 继承
在JavaScript中继承不像C#那么直接,C#中子类继承父类之后马上获得了父类的属性和方法,但JavaScript需要分步进行。
让Brid 继承 Animal,并扩展自己fly的方法。
function Animal(name) {
this.name = name;
this.type = "animal";
}
Animal.prototype= {
say:function() {
alert("I'm a " + this.type + ",my name is " + this.name);
}
} function Bird(name) {
Animal.call(this, name);
}
//这里继承了父类的行为 say
Bird.prototype = Animal.prototype;
//再扩展自己的方法
Bird.prototype.fly=function() {
alert("I'm flying");
}
var mybird = new Bird("xiao cui");
mybird.say();//I'm a animal,my name is xiao cui
mybird.fly();
//结果狗也能飞起来了.....
var mydog = new Animal("cai cai ");
mydog.fly();
造成这种现象,是因为JavaScript中传值和传址的区别。如果是数值型、布尔型、字符型等基本类型进行赋值的时候会讲数据复制一份,即传值。而如果是数组、hash对象等复杂类型、赋值的时候是直接用到内存地址。也就是传址。这和C#引用类型和值类型的赋值道理一样,只是JavaScript和C#各自包含的类型不一样。
var a = 10;
var b = a;
b++;
var c = [1, 2, 3];
var d = c;
d.push(4);
alert(a);//
alert(b);//
alert(c);//1,2,3,4
alert(d);//1,2,3,4
所以数组如果不想受到上面的影响 需要用slice和concat方法。要不就循环赋值。
var a = [1, 2, 3];
var b = a.slice();
var c = a.concat();
b.pop();
c.push(4);
alert(a);//1,2,3;
alert(b);//1,2
alert(c);//1,2,3,4
回到Bird的问题,property本质上也是个hash对象,直接赋值就是传址,所以造成了Dog也fly的笑话。然后做一下改动:
function Animal(name) {
this.name = name;
this.type = "animal";
}
Animal.prototype= {
say:function() {
alert("I'm a " + this.type + ",my name is " + this.name);
}
}
function Bird(name) {
//这里只继承属性的。
Animal.call(this, name);
}
//这里继承了父类的行为 say
Bird.prototype = new Animal();
Bird.prototype.constructor = Bird;
//再扩展自己的方法
Bird.prototype.fly=function() {
alert("I'm flying");
}
var mybird = new Bird("xiao cui");
mybird.say();//I'm a animal,my name is xiao cui
mybird.fly(); var dog = new Animal("xiao huang");
dog.fly();//报错了
使用new someFunction实现传值,而后因为Bird.property=new Animal();将Bird.property.constructor指向了Animal,所以用Bird.property.constructor=Bird 纠正回来。
这个时候调用dog.fly 就报错了:
JavaScript继承的话题各路大神都讨论比较多了,写一写,自己梳理下。 更多的了解可以看阮一峰的博客
学习书籍:web前端开发修炼之道
下载链接不是我个人的,公司连百度云都屏蔽了,回去再换百度云的,这本书基于作者的自己的一些经验总结,名字有些浮夸。经验丰富的开发者都可以快速的阅读的一本书。
【读书笔记】javascript 继承的更多相关文章
- JS学习笔记——JavaScript继承的6种方法(原型链、借用构造函数、组合、原型式、寄生式、寄生组合式)
JavaScript继承的6种方法 1,原型链继承 2,借用构造函数继承 3,组合继承(原型+借用构造) 4,原型式继承 5,寄生式继承 6,寄生组合式继承 1.原型链继承. <script t ...
- 《JavaScript权威指南》读书笔记——JavaScript核心
前言 这本由David Flanagan著作,并由淘宝前端团队译的<JavaScript权威指南>,也就是我们俗称的“犀牛书”,算是JS界公认的“圣经”了.本书较厚(有1004页),读起来 ...
- <读书笔记>Javascript系列之6种继承(面向对象)
写在前面: 以下三选一: 阅读博文JavaScript 对象详解. 阅读<JavaScript权威指南>第6章. 阅读<JavaScript高级程序设计>第6章. 注意:只需要 ...
- 《Javascript高级程序设计》读书笔记之继承
1.原型链继承 让构造函数的原型对象等于另一个类型的实例,利用原型让一个引用类型继承另一个引用类型的属性和方法 function SuperType() { this.property=true; } ...
- 读书笔记-JavaScript面向对象编程(一)
PDF下载链接: http://pan.baidu.com/s/1eSDSTVW 密码: 75jr 第1章 引言 1.1 回顾历史 1.2 变革之风 1.3 分析现状 1.4 展望未来 1.5 面向对 ...
- JavaScript语言精粹读书笔记 - JavaScript函数
JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代 ...
- [读书笔记]javascript语言精粹'
人比较笨,以前只做项目,案例,然而一些javascript的很多理论不知道该怎么描述,所以最近开启一波读书之旅: 标识符 1.定义 标识符以字母开头,可能后面跟上一个或多个字母.数字或者下划线. 2. ...
- 读书笔记-JavaScript面向对象编程(三)
第7章 浏览器环境 7.1 在HTML页面中引入JavaScript代码 7.2概述BOM与DOM(页面以外事物对象和当前页面对象) 7.3 BOM 7.3.1 window对象再探(所以JavaSc ...
- 读书笔记-JavaScript高级程序设计(1)
1.组合继承 (JavaScript 中最常用的继承模式 ) (position: page168) (书中定义了两个变量名 SuperType SubType 乍一看 感觉不太能区分,我将改为 ...
- JavaScript语言精粹读书笔记- JavaScript对象
JavaScript 对象 除了数字.字符串.布尔值.null.undefined(都不可变)这5种简单类型,其他都是对象. JavaScript中的对象是可变的键控集合(keyed collecti ...
随机推荐
- Asp.net操作cookie大全
实例代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 3 ...
- javascript判断变量是不是空值
JavaScript本身没有判断一个变量是不是空值的函数,因为变量有可能是string,object,number,boolean等类型,类型不同,判断方法也不同.所以在文章中写了一个函数,用以判断J ...
- 蓝牙BLE实用教程
蓝牙BLE实用教程 Bluetooth BLE 欢迎使用 小书匠(xiaoshujiang)编辑器,您可以通过 设置 里的修改模板来改变新建文章的内容. 1.蓝牙BLE常见问答 Q: Smart Re ...
- mvc+mysql+EF
网上有很多关于EF在联机情况下利用nuget管理器安装的案例,我就讲一下脱机状况吧! 一.建立一个文件夹,例如D:/Packages 放入安装EF和mysql需要的包:EntityFramework. ...
- Android中的接口回调技术
Android中的接口回调技术有很多应用的场景,最常见的:Activity(人机交互的端口)的UI界面中定义了Button,点击该Button时,执行某个逻辑. 下面参见上述执行的模型,讲述James ...
- Struts2注解使用说明
Struts2注解 1 Struts2注解的作用 使用注解可以用来替换struts.xml配置文件!!! 2 导包 必须导入struts2-convention-plugin-2.3.15.jar包, ...
- PPT开发 * .pps 文件类型
PPT开发, * .pps ,文件类型 PPS 这个格式也是PowerPoint文件格式的一种. pps的意思是说PowerPoint Show,POWER POINT会直接生成预览形式为你放映幻灯片 ...
- IB交换机配置命令总结
串口通过远程CRT登录,波特率9600用户名和密码都是adminDo you want to use the wizard for initial configuration?选择no打开ip rou ...
- IOS XIB Cell自适应高度实现
1.代码实现Cell高度自适应的方法 通过代码来实现,需要计算每个控件的高度,之后获取一个cell的 总高度,比较常见的是通过lable的文本计算需要的高度. CGSize labelsize = [ ...
- Java学习日记之 Java-IO流
Java中的IO流在处理上分为字节流和字符流.字节流和字符流的区别 : 1.字节流读取的时候,读到一个字节就返回一个字节: 字符流使用了字节流读到一个或多个字节(中文对应的字节数是两个,在UTF-8 ...