javascript中的继承, 找回丢失的constructor

autho: selfimpr

blog: http://blog.csdn.net/lgg201

mail: lgg860911@yahoo.com.cn

javascript的继承方案:

1. 子类构造器中以自身对象作为宿主对象对父类进行调用.

function User(username, password) { this.username = username; this.password = password; } function Admin(username, password, auth) { User.apply(this, arguments); this.auth = auth; } //当然, 这里面的调用是可以更换为call, 或者直接传递参数的方式, 比如: function Admin(username, password, auth) { User.call(this, username, password); this.auth = auth; } //或者 function Admin(username, password, auth) { this.__constructor = User; this.__constructor(username, password); delete this.__constructor; this.auth = auth; }

2. 原型链: 上面的方法对于父类在构造器外通过prototype设置的成员是无法继承的, 而原型链的方式能够解决这个问题, 并且, 从语法角度来看, 这才是真正的继承, 因为instanceof能够检测到子类对象和父类存在关系. 当然, 这种方式是有缺点的, 那就是只能单继承

function User(username, password) { this.username = username; this.password = password; } User.prototype.login = function() { alert('user ' + this.username + ' login success'); } function Admin(username, password, auth) { User.apply(this, arguments); this.auth = auth; } //这里创建一个父类对象, 作为子类的prototype Admin.prototype = new User(); Admin.prototype.login = function() { alert('admin [' + this.username + '] login success, your authentication is: ' + this.auth); } var admin = new Admin('admin', 'admin', 1986); //这里我们测试的是重写父类方法 admin.login(); //这里我们测试的是instanceof检测 alert("admin instanceof Admin: " + (admin instanceof Admin)); alert("admin instanceof User: " + (admin instanceof User));

3. 上面的原型链方式其实有一点不足, 那就是当我们创建一个Admin的对象之后, 然后获取它的constructor, 得到的是User构造器, 而理想情况下, 这应该是Admin的构造器. 所以, 我们需要对上面的继承再进行少许的修改: 在子类构造器中保留对象对自己构造器的引用

代码如下:

function User(username, password) { this.username = username; this.password = password; } User.prototype.login = function() { alert('user ' + this.username + ' login success'); } function Admin(username, password, auth) { User.apply(this, arguments); this.auth = auth; //这里保留一次自己的构造器引用 this.constructor = arguments.callee; } //这里创建一个父类对象, 作为子类的prototype Admin.prototype = new User(); Admin.prototype.login = function() { alert('admin [' + this.username + '] login success, your authentication is: ' + this.auth); } var admin = new Admin('admin', 'admin', 1986); //这里我们测试的是重写父类方法 admin.login(); //这里我们测试的是instanceof检测 alert("admin instanceof Admin: " + (admin instanceof Admin)); alert("admin instanceof User: " + (admin instanceof User)); //检测对象的构造器是否合适 alert(admin.constructor);