提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

简单模拟javaScript面向对象

JavaScript模拟 简单 面向对象
2023-09-11 14:19:27 时间

<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>

相关文章