JavaScript 继承
来源:互联网 发布:linux 死机日志分析 编辑:程序博客网 时间:2024/05/28 22:11
JS的继承和C++的继承很不相同! JS通过原型链实现继承!
function Box() {//父类,超类型 this.name = 'guoyu';}function Desk() {//派生类 this.age = 20;}//通过原型链继承,父类实例化后的对象实例,赋值给子类的原型属性即可//new Box()会把Box构造里的信息和原型里的信息都交给DeskDesk.prototype = new Box();var desk = new Desk();alert(desk.name);//guoyu
function Box() {//父类,超类型 this.name = 'lee';}function Desk() {//派生类 this.age = 100;}function Table() { this.level = 'AAAAA';}//通过原型链继承,父类实例化后的对象实例,赋值给子类的原型属性即可//new Box()会把Box构造里的信息和原型里的信息都交给DeskDesk.prototype = new Box();Table.prototype = new Desk();//上面两句就是原型链的层层‘传递’var desk = new Desk();var table = new Table();alert(table.name);//guoyu
上面的图 : 孙子Table->Desk->Box(->Object)
function Box() {//父类,超类型 this.name = 'lee';}function Desk() {//派生类 this.age = 100;}//通过原型链继承,父类实例化后的对象实例,赋值给子类的原型属性即可//new Box()会把Box构造里的信息和原型里的信息都交给DeskDesk.prototype = new Box();//通过原型链继承var desk = new Desk();//子类型从属于自己或者它的父类型(递归)alert(desk instanceof Object);//truealert(desk instanceof Desk);//truealert(desk instanceof Box);//true
问题:继承也有之前的问题,比如字面量重写原型会中断关系;使用引用类型的原型,子类型无法给超类型(父类)传递参数。
为了解决引用共享和超类型无法传参的问题,采用一种叫做 借用构造函数的技术,或者成为对象冒充的技术来解决这两个问题。
call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 apply方法: 语法:apply([thisObj[,argArray]]) 定义:应用某一对象的一个方法,用另一个对象替换当前对象。 说明: 如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。 如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
function ClassB(sColor) { ClassA.call(this,sColor);//只能继承构造里的信息,原型的信息不能继承 }意思就是说 用ClassB的this来代替ClassA的this来执行ClassA()这个函数,所以ClassB就有了ClassA的所有功能 感觉像是继承了ClassA
function Box(name, age) { this.name = name; this.age = age;}Box.prototype.family = '家庭';function Desk(name, age) { Box.call(this, name, age);//只能继承构造里的信息,原型的信息不能继承}var desk = new Desk();alert(desk.family);//undefined
//使用对象冒充继承function Box(name, age) { this.name = name; this.age = age; this.family = ['哥哥','姐姐','妹妹'];//引用类型,放在构造函数里不会被共享}function Desk(name, age) { Box.call(this, name, age);//只能继承构造里的信息,原型的信息不能继承}var desk = new Desk('lee', 100);alert(desk.family);//'哥哥','姐姐','妹妹'desk.family.push('弟弟');alert(desk.family);//'哥哥','姐姐','妹妹','弟弟'var desk2 = new Desk('gy', 20);alert(desk2.family);//'哥哥','姐姐','妹妹'
构造函数里的方法,放在构造里,每次实例化,都会分配一个内存地址,浪费,所以最好放原型里,保证多次实例化只有一个地址
function Box(name, age) { this.name = name; this.age = age; this.family = ['哥哥','姐姐','妹妹'];//引用类型,放在构造函数里不会被共享}Box.prototype.run = function() {//对象冒充不能继承prototype里的东西 return this.name + this.age + 'is running...';};Desk.prototype = new Box(); //原型链继承function Desk(name, age) { Box.call(this, name, age);//只能继承构造里的信息,原型的信息不能继承}var desk = new Desk('guoyu', 22);alert(desk.run());//guoyu22is running...
阅读全文
0 0
- javascript继承
- javascript继承
- javascript 继承
- Javascript继承
- Javascript继承
- javascript继承
- Javascript继承
- javascript继承
- JavaScript 继承
- javascript 继承
- JavaScript 继承
- javascript 继承
- javascript 继承
- Javascript继承
- Javascript继承
- Javascript 继承
- JavaScript 继承
- javascript继承
- 取石子游戏(威佐夫博弈)
- 批处理操作Oracle数据库创建表空间、用户及导入数据
- WebRTC源码分析三:视频处理流程
- Egret4.1.0的高清文本显示效果设置
- (81)蓝图基础用户指南
- JavaScript 继承
- C++常用字符串分割方法实例汇总
- Day 1 CNN进阶之旅
- ANR问题浅析
- 学习hadoop3
- Shell脚本基础18-until循环
- synchronized关键字与对象锁
- 解决myeclipse2015无法查看servlet等源码的问题
- postfix+mysql,dovecot+mysql