0
点赞
收藏
分享

微信扫一扫

简单模拟javaScript面向对象


<html>

<head>

<script type="text/javascript">


  if (!Object.create) {

    Object.create = function (o) {

       function F() {}

      F.prototype = o;

      return new F();

    };

  }


 function alertt(){

       ca = new cat();

       alert(ca.name);


       dog1=Object.create(Dog);

       dog1.shout();


       pig=Pig.createNew();

       pig.shout();


       spig = SmallPig.createNew();

       spig.shout();

}



//方法一

Pig = {

              job:"eat";//全局静态变量,可被多个对象共享

    createNew: function(){

      var pig = {};

                     sound = "herher";//直接定义是私有

      pig.name = "BigPig";

      pig.shout = function(){ alert(sound); };

      return pig;

    }

};


//继承

SmallPig = {

       createNew: function(){

                     var pig = Pig.createNew();

                     pig.name = "SmallPig";

                     pig.shout = function(){ alert("wuher wuher"); };

      return pig;

       }

}


//方法二

Dog={

       shout:function(){alert("wangwang");}

}


//方法三

function cat(){

       this.name = "miaomiao";

}


</script>

</head>

<body>


<button id="b01" type="button" onclick="alertt()">动物叫</button>


</body>

</html>


举报

相关推荐

0 条评论