简单理解通过原型继承

前朝楚水

发布于 2018-04-02 15:10:06

5400

发布于 2018-04-02 15:10:06

文章被收录于专栏：互联网杂技

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>
 </head>
 <body>
 </body>
</html>
<script>
 window.onload=function(){
 //这里有三个对象，a,b，c;
 function A(){
 //给a中添加属性与方法；
 this.name="我的对象A";
 this.mothed=function(){
 console.log("我是对象a中方法"); 
 };
 //在对象内部添加静态方法
 function innerA(){
 console.log("我是a内部的方法");
 };
   innerA();
 };
 var A1=new A();//实例化的时候，同时运行对象里面的静态方法
    //通过实例给A添加静态方法与静态属性
    A1.address="上海";
    A1.mothed2=function(){
   console.log("我是a对象外部的静态方法");
    }
    A1.mothed();
    A1.mothed2();
 //现在B什么属性与方法也没有，通过原型继承a
 function B(){
 this.mothed3=function(){
 console.log("我是B中的方法，等着被C继承")
 }
 };
 B.prototype=new A();//把A的方法与属性全部给B了，B继承了A;
 var B1=new B();//实例一个B对象；在实例化对象b对象的时候，A中的静态方法inner中并没有执行
 console.log("开始运行B了")
 B1.mothed();//这是A中的方法，可以用了，属性也可以
 //B1.mothed2();//这是a的实例对象方法，也不能继承
 //现在c中方法与属性也没有，下面来继承B
 function C(){
 };
 C.prototype=new B();//这样C把A与B中属性与方法都继承了，
 var C1=new C();
 console.log("开始运行C对象了")
 C1.mothed3();
 C1.mothed();
 //继承出去了，静态方法与静态属性，还有实例中添加的属性与方法
 }
</script>

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2015-06-26，如有侵权请联系 cloudcommunity@tencent.com 删除

html5