Javascript实现类对象继承功能
2016-12-04 23:24
225 查看
Javascript本身就没有像Java等语言直接面向类的集成功能的,其实现继承的原理通过原型实现,每个Javascript对象都具备prototype属性,这个是实现js对象继承的基础。
Javascript的对象继承功能验证代码:
分析:
baseClass类为extendClass类的原型,extendClass可以使用所有的原型的方法,实现功能和属性扩展(类似java里面的继承)如果方法名一致,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引擎扫描从自身扫描开始,如果扫描到则不进行向下扫描(原型链工作原理)
相关文章推荐
- 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
- 用javascript实现AJAX功能(不需要xmlhttp对象)
- 基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
- Java程序员从笨鸟到菜鸟之(二十九)javascript对象的创建和继承实现
- 使用apply方法实现javascript中的对象继承
- Javascript面向对象特性实现封装、继承、接口详细案例——进级高手篇
- javascript _call2创建对象实现继承
- Javascript实现对象的继承
- javascript使用call方式实现对象继承
- Javascript中对象继承的实现小例
- Java程序员从笨鸟到菜鸟之(二十九)javascript对象的创建和继承实现
- JavaScript实现继承机制(1)—— 构造函数方法对象冒充
- Javascript面向对象特性实现(封装、继承、接口)
- 使用apply方法实现javascript中的对象继承
- javascript 面向对象,实现namespace,class,继承,重载
- Java程序员从笨鸟到菜鸟之(二十九)javascript对象的创建和继承实现
- Javascript--对象冒充实现继承
- Java程序员从笨鸟到菜鸟之(二十九)javascript对象的创建和继承实现
- javascript中五种实现对象继承的方法
- JavaScript对象继承的实现