javascript面向对象中继承实现?
2018-06-05 14:05
656 查看
javascript面向对象中继承实现?
面向对象的基本特征有:封闭、继承、多态。在JavaScript中实现继承的方法:
1. 原型链(prototype chaining)
2. call()/apply()
3. 混合方式(prototype和call()/apply()结合)
4. 对象冒充
继承的方法如下:
1、prototype原型链方式:
function teacher(name){
this.name = name;
}
teacher.prototype.sayName = function(){
console.log("name is "+this.name);
}
var teacher1 = new teacher("xiaoming");
teacher1.sayName();
function student(name){
this.name = name;
}
student.prototype = new teacher()
var student1 = new student("xiaolan");
student1.sayName();
// name is xiaoming
// name is xiaolan
2、call()/apply()方法
function teacher(name,age){
this.name = name;
this.age = age;
this.sayhi = function(){
alert('name:'+name+", age:"+age);
}
}
function student(){
var args = arguments;
teacher.call(this,args[0],args[1]);
// teacher.apply(this,arguments);
}
var teacher1 = new teacher('xiaoming',23);
teacher1.sayhi();
var student1 = new student('xiaolan',12);
student1.sayhi();
// alert: name:xiaoming, age:23
// alert: name:xiaolan, age:12
3、混合方法【prototype,call/apply】
function teacher(name,age){
this.name = name;
this.age = age;
}
teacher.prototype.sayName = function(){
console.log('name:'+this.name);
}
teacher.prototype.sayAge = function(){
console.log('age:'+this.age);
}
function student(){
var args = arguments;
teacher.call(this,args[0],args[1]);
}
student.prototype = new teacher();
var student1 = new student('xiaolin',23);
student1.sayName();
student1.sayAge();
// name:xiaolin
// age:23
4、对象冒充
function Person(name,age){
this.name = name;
this.age = age;
this.show = function(){
console.log(this.name+", "+this.age);
}
}
function Student(name,age){
this.student = Person; //将Person类的构造函数赋值给this.student
this.student(name,age); //js中实际上是通过对象冒充来实现继承的
delete this.student; //移除对Person的引用
}
var s = new Student("小明",17);
s.show();
var p = new Person("小花",18);
p.show();
// 小明, 17
// 小花, 18
相关文章推荐
- JavaScript的相关继承笔记以及使用外部库实现JavaScript的面向对象特性
- JavaScript面向对象的继承机制实现方式
- 学习javascript面向对象 javascript实现继承的方式
- javaScript面向对象继承方法经典实现
- javascript 面向对象的继承的实现
- JavaScript面向对象——多继承的实现与理解
- JavaScript面向对象-基于函数伪造的方式实现继承
- JavaScript 面向对象继承的实现
- JavaScript面向对象(三)——继承与闭包、JS实现继承的三种方式
- 学习javascript面向对象 javascript实现继承的方式
- 面向对象的Javascript - 通过原型(Prototype)实现继承
- javaScript面向对象继承方法经典实现
- javaScript面向对象继承方法实现
- javascript面向对象中的对象创建、继承、封装等实现方式
- 面向对象的JavaScript 五 ----- Javascript实现继承的方式(2)
- JavaScript面向对象-基于原型链和函数伪装组合的方式实现继承
- JavaScript面向对象的方法实现继承:call方法
- JavaScript如何实现面向对象和继承机制?
- Javascript高级程序设计——面向对象之实现继承
- javascript面向对象,实现namespace,class,继承,重载