JavaScript为基于对象及Prototye的语言,个人觉得其Prototype继承要注意的两个方面:
1.子类可以通过prototype链访问父类的方法与属性
2.子类构造函数调用的构造函数,初始化父类属性
function Person(id1, name1){
this.id = id1;
this.name = name1;
};
Person.prototype.getInfo = function(){
alert(this.id + ":" + this.name);
};
function Employee(id, name, salary){
this.salary = salary;
//调用父类构造函数
Person.prototype.constructor.call(this,id,name);
};
//构造Prototype链
Employee.extend = function(Person){
function Temp(){};
Temp.prototype = Person.prototype;
Employee.prototype = new Temp();
//复原Employee构造函数
Employee.prototype.constructor = Employee;
};
Employee.extend(Person);
Employee.prototype.getSalary = function(){
alert(this.salary);
};
Employee.prototype.getInfo = function(){
alert(this.id + ":" + this.name+":"+this.salary);
};
var employee = new Employee("1","ep1",8000);
employee.getInfo();
employee.getSalary();
new Person("2","person2").getInfo();
备注:JavaScript中没有类的概念,上面提到的类实际上都是函数,一般情况下,函数通过new关键字调用后,返回一个对象,它可以看作是此函数的实例,所以我们便称此函数为类,返回的对象为类的实例.
分享到:
相关推荐
javascript的prototype继承
主要介绍了JavaScript使用prototype属性实现继承操作,结合实例形式详细分析了JavaScript使用prototype属性实现继承的相关原理、实现方法与操作注意事项,需要的朋友可以参考下
JavaScriptprototype的深度探索不是原型继承那么简单.pdf
我们已经在第一章中使用prototype属性模拟类和继承的实现。 prototype属性本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。 如果这个函数被用在创建自定义对象的场景中,我们称这个函数为...
javascript prototype文档
javascript Prototype 对象扩展.docx
javascript prototype原型操作笔记.docx
浅析Javascript原型继承,浅析Javascript原型继承
在JavaScript中继承是一个非常复杂的话题,比其他任何面向对象的语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。与它们不同,在JavaScript中要想达到传承公用成员的目的,...
javascript原型继承,prototype的使用,可以像java一样继承
构造函数定义对象+prototype继承的实现,含CSS样式
NULL 博文链接:https://miyulano.iteye.com/blog/1678239
JavaScript_Prototype(源代码+中文手册)
不错的一篇关于javascript-prototype继承
详解JavaScript中基于原型prototype的继承特性_.docx
JavaScript基础与实践教程 大家 看看吧
轻松建立有高度互动的web2.0特性的富客户端页面
NULL 博文链接:https://liujunhg.iteye.com/blog/1069419
javascript的prototype原型简单介绍: prototype原型是javascript中特别重要的概念,属于必须要掌握,如果没有良好的掌握的话,进一步用好或者学好js基本是不可能的实现的事情,并且此概念稍有难度,可能对于初次接触...
JavaScript应用开发实践指南