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...
原创粉丝点击