<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>对象继承</title> </head> <body> <script> /* function Person(name, age){ this.name = name; this.age = age; this.say = function(){ alert("我的名字是" + this.name); } } function Student(name,id){ this.temp = Person; //临时属性方式，对象冒充 this.temp(name); //delete this.temp; this.id = id; this.showId = function(){ alert('我是学生，我的学号是：' + this.id); } } var stu = new Student('zhangsan','001'); stu.say(); stu.showId(); */ //***************************************************** /*function Person(name, age){ this.name = name; this.age = age; this.say = function(){ alert("我的名字是" + this.name); } } function Student(name,id){ Person.call(this,name);//call方式实现对象冒充 //Person.apply(this,new Array(name)); //apply方式实现冒充 this.id = id; this.showId = function(){ alert('我是学生，我的学号是：' + this.id); } } var stu = new Student('zhangsan','001'); stu.say(); stu.showId(); */ /* 在OO概念中，new实例化后，对象就在堆内存中形成了自己的空间，值得注意的是，这个代码段。而成员方法就是存在这个代码段的，并且方法是共用的。问题就在这里，通过对象冒充方式继承时，所有的成员方法都是指向this的，也就是说new之后，每个实例将都会拥有这个成员方法，并不是共用的，这就造成了大量的内存浪费。并且通过对象冒充的方式，无法继承通过prototype方式定义的变量和方法，如以下代码将会出错：*/ //*************************************** /*function Person(name){ this.name = name; this.say = function(){ alert("我的名字是" + this.name); } } Person.prototype.age = 20; Person.prototype.sayAge = function(){ alert('我的年龄是:' + this.age); } function Student(name,id){ //Person.call(this, age); Person.apply(this, new Array(age)); this.id = id; this.showId = function(){ alert('我是学生，我的学号是：' + this.id); } } var stu = new Student('zhangsan','001'); stu.sayAge(); //报错age 未定义 //stu.showId(); */ //********************************************************* //原型继承方式：此方法实现有缺陷，就是实例化子类时不能把参数传给父类，function Person()没有参数。 /* function Person(){ this.name = 'wangwu'; } Person.prototype.say = function(){ alert('my name is :' + this.name); } function Student(id){ this.id = id; this.showId = function(){ alert('I am a student,my NO is:' + this.id); } } Student.prototype = new Person(); var stu = new Student('001'); stu.say();//zhangsan stu.showId(); alert(stu.hasOwnProperty('id')); */ //******************************************************* //好的继承方式是，成员变量用对象冒充，成员方法用原型继承 function Person(name){ this.name = name; } Person.prototype.say = function(){ alert('my name is :' + this.name); } function Student(name,id){ Person.call(this, name); this.id = id; this.showId = function(){ alert('I am a student,my NO is:' + this.id); } } Student.prototype = new Person('wangwu'); var stu = new Student('zhangsan','001'); stu.say();//zhangsan stu.showId(); alert(stu.hasOwnProperty('id')); </script> </body> </html>