JavaScript继承的几种方式解析
(一).对象冒充
概念:新的类冒充旧的类(旧的类必须采用构造函数的方式)
示例代码:
//父类
function people(name,age){
this.name = name;
this.age = age;
this.say = function(){
alert(“My name is “+this.name);
};
}
//创建一个对象
var Wen = new people(“xiaowen”,”21”);
Wen.say();
//子类
function chinese_people(name,age){
this.A = people;//冒充people这个对象
this.A (name,age);//继承people
delete this.A;//必须删除继承.防止覆盖被继承的类的属性和方法
this.area = function(){
alert(“I am in china”);
};
}
//创建一个chinese_people对象
Var marry = new chinese_people(“xiaoxiao”,”20”);
marry.say();
marry.area();
alert(marry.name);
另外，对象冒充也支持多继承，这里不做详解。
(2).call方法
概念:
调用一个对象的一个方法，以另一个对象替换当前对象。
function Rect(width, height){
this.width = width;
this.height = height;
this.area = function(){ return this.width*this.height;};
}
function myRect(width, height, name){
Rect .call(this,width,height);//应用call方法
this.name = name;
this.show = function(){
alert(this.name+” with area:”+this.area());
}
}
(3)apply方法
/*定义一个人类*/
function Person(name,age)
{
this.name=name;
this.age=age;
}
/*定义一个学生类*/
functionStudent(name,age,grade)
{
//this在创建对象的 时候是Student
//arguments:参数数组,即[“name”,”age”,”grade”]
Person.apply(this,arguments);
this.grade=grade;
}
//创建一个学生类
var student=new Student(“qian”,21,”一年级”);
//测试
alert(“name:”+student.name+”\n”+“age:”+student.age+”\n”+“grade:”+student.grade);
(4).原型模式
概念:
是指利用了prototype或者说以某种方式覆盖了prototype，从而达到属性方法复制的目的。
prototype网上的三种理解:
1：通过构造函数创建的普通对象，通过其constructor属性引用它的构造函数对象，从而间接引用（拥有）了构造对象中的prototype对象；
2：构造函数创建对象时，copy prototype中的属性和代码给所创建的对象。从而使创建的对象拥有了prototype中的所有功能和属性；
3：构造函数在创建对象时，把构造函数中的prototype引用赋给创建的普通对象；也就是说由构造函数创建的对象，都有一个指针指向prototype对象；
function Person(){
this.name = “Mike”;
this.sayGoodbye = function(){alert(“GoodBye!”);};
}
Person.prototype.sayHello = function(){alert(”Hello!”);};
function Student(){}
Student.prototype = new Person();
function Person(name){
this.name = name;
}
function Student(name,id){
this.id = id;
}
Student.prototype = new Person(this.name);
谁践踏了优雅
港控/mmm°
太过爱你忘了你带给我的痛
你的名字
还没有评论，来说两句吧...