首页 / JAVASCRIPT / js几种继承方式比较
js几种继承方式比较
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js几种继承方式比较，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2415字，纯文字阅读大概需要4分钟。
内容图文
1、简单原型继承：没有基于类的方式进行管理，破坏了子类的原型，即子类构造器和父类构造器相同
function Person(name) {
var
_name;
function init(name) {
_name = name;
}
init(name);
this.setName = function(name) {
_name = name;
}
this.getName = function() {
return _name;
}
}
function Student(age) {
var _age;
function init(age) {
_age = age;
}
init(age);
this.setAge = function(age) {
_age = age;
}
this.getAge = function() {
return _age;
}
}
Student.prototype = new Person("zjy");var s = new Student(‘19‘);
console.log(s.constructor);
2、使用类和原型继承：基于类编程风格进行设计，即继承了原型也继承了类模板，但是缺点在于破坏了子类的构造器
function Person(name) {
var
_name;
function init(name) {
_name = name;
}
init(name);
this.setName = function(name) {
_name = name;
}
this.getName = function() {
return _name;
}
}
Person.prototype.check = function() {
var age = this.getAge();
if (age < 10 || age > 30) {
throw Error(‘age is not range‘);
};
}
function Student(name, age) {
var _age;
var that = this; //缓存this变量，var init = function(name, age) {
Person.call(that, name);
_age = age;
}
init(name, age);this.setAge = function(age) {
_age = age;
}
this.getAge = function() {
return _age;
}
}
//加上了这句话，就是混合继承，即继承了模板，也继承了原型
Student.prototype = new Person();
var s = new Student(‘zjy‘, ‘5‘);
console.log(s.getName() + ": " + s.getAge());
console.log(s.constructor);
s.check();
3、彻底继承：即实现了类模板的风格，有保留了子类的构造器，推荐使用
function Person(name) {
var
_name;
function init(name) {
_name = name;
}
init(name);
this.setName = function(name) {
_name = name;
}
this.getName = function() {
return _name;
}
}
Person.prototype.check = function() {
var age = this.getAge();
if (age < 10 || age > 30) {
throw Error(‘age is not range‘);
};
}
function Student(name, age) {
var _age;
var that = this; //缓存this变量，
//函数内部申明的函数，在调用时，总是指向全局区window ？var init = function(name, age) {
Student.superClass.constructor.call(that, name);//通过这种实现了继承，并且不破坏子类的构造器
_age = age;
}
init(name, age); //这种调用确实在使用window环境掉用this.setAge = function(age) {
_age = age;
}
this.getAge = function() {
return _age;
}
}
extend(Student, Person);
//实现继承机制 function extend(sub, sup) {
var f = new Function();//使用一个空函数进行中转
f.prototype = sup.prototype; //实现空函数的原型对象 和超类的原型对象转换
sub.prototype = new f(); //子类的原型等于父类构造器
sub.prototype.constructor = sub; //还原子类构造器
sub.superClass = sup.prototype; //自定义一个子类的静态属性，接受父类的原型 }
var s = new Student(‘zjy‘, ‘5‘);
console.log(Student.superClass);
s.check(s.getAge());
原文：http://www.cnblogs.com/zhaojunyang/p/4967824.html
内容总结
以上是互联网集市为您收集整理的js几种继承方式比较全部内容，希望文章能够帮你解决js几种继承方式比较所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】