码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript继承2:创建即继承----构造函数继承

时间:2018-10-02 20:21:54      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:实例   show   不能   bsp   push   域环境   类的变量   log   OLE   

//声明父类
function SuperClass(id){
    //值类型公有属性
    this.id = id;
    //引用类型公有属性
    this.books = [‘Html‘,‘Css‘];
}
//父类声明原型方法
SuperClass.prototype.showBooks = function(){
    console.log(this.books)
}
//声明子类
function ChildClass(id){
    //继承父类
    SuperClass.call(this,id)
}

var child1 = new ChildClass(1)
var child2 = new ChildClass(2)
child1.books.push(‘设计模式‘);
console.log(child1.id)    //1
console.log(child1.books) //[‘Html‘,‘Css‘,‘设计模式‘];
console.log(child2.id)    //2
console.log(child2.books) //[‘Html‘,‘Css‘];

child1.showBooks()          //TypeErrr
/*
* SuperClass.call(this,id)是构造函数继承的精华,call可以改变函数的作用域环境,
* 因此在子类中对父类调用这个方法,就是将子类的变量在父类中执行一遍,由于父类中是给
* this绑定属性的,因此子类也就继承了父类的公有属性,由于这种方法没有涉及原型prototype
* 所以父类原型方法不会被子类继承,如果想要被继承就必须放在构造函数中,这样创建出来
* 的每个实例都会单独拥有一份而不能共用,这样就违背了代码服用的原则。
* 为了综合这两种模式的优点,有了组合式继承。
*/

 设计模式中的经典笔录

Javascript继承2:创建即继承----构造函数继承

标签:实例   show   不能   bsp   push   域环境   类的变量   log   OLE   

原文地址:https://www.cnblogs.com/-walker/p/9737380.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!