您的位置:首页 > Web前端 > JavaScript

Javascript实现类对象继承功能

2016-12-04 23:24 225 查看
Javascript本身就没有像Java等语言直接面向类的集成功能的,其实现继承的原理通过原型实现,每个Javascript对象都具备prototype属性,这个是实现js对象继承的基础。

Javascript的对象继承功能验证代码:

<script>
var baseClass=function(){ //父类
this.name="baseClass:name--->baseClass";
this.showMsg = function(){
console.log("baseClass::showMsg");
}
}

var extendClass=function(){ //子类
this.age="extendClass:age--->20";
this.showMsg=function(){
console.log("extendClass::showMsg");
};
}

extendClass.prototype = new baseClass();
var instance = new extendClass();
instance.showMsg(); //类似方法被重写
console.log(instance.name)
console.log(instance.age)
</script>




分析:

baseClass类为extendClass类的原型,extendClass可以使用所有的原型的方法,实现功能和属性扩展(类似java里面的继承)如果方法名一致,js引擎扫描从自身扫描开始,如果扫描到则不进行向下扫描(原型链工作原理)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息