JavaScript的基础练习(对象编程)

最新推荐文章于 2023-05-26 13:17:38 发布

web工作者

最新推荐文章于 2023-05-26 13:17:38 发布

阅读量663

点赞数

分类专栏： javascript 文章标签：对象 javascript

本文链接：https://blog.csdn.net/u010716763/article/details/23969545

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

通过本例了解JavaScript基于对象编程，和prototype的使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ObjectDemo</title>
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   <script language="javascript">
   {
     function student(x,y,z){
	    this.x=x;
		this.y=y;
		this.z=z;
	 }
	 student.prototype.avg=3;
	 function stu_avg(){
	   return (this.x + this.y + this.z) / this.avg;
	 }
	 student.prototype.stuValue=stu_avg;
   } 
   </script>
  </head>
  
  <body>
     <script language="javascript">
   {  
   
      var stu=new student(29,25,20);
	  var avgValue=stu.stuValue();
	  document.write(avgValue+"<br>");
	   var stu=new student(29,25,20);
	   stu.avg=1;
	   alert(stu.avg);
	  var avgValue=stu.stuValue();
	  document.write(avgValue);
	  
   } 
   </script>
     <br>
	  This is page which test extend object .   
	 
	 <br>
  </body>
</html>

JavaScript的for加强的使用，for加强只使用于数组和对象中

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ObjectDemo</title>
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   <script language="javascript">
   {
     function student(name,age,num){
	    this.name=name;
		this.age=age;
		this.num=num;
	 }
   } 
   </script>
  </head>
  
  <body>
     <script language="javascript">
   {  
   
      var stu=new student("xiaobi",25,20092700);
	  for(var i in stu){ // usage  
	    alert("i"+i);
	    document.write(stu[i]+"<br>");
	  }
	  
   } 
   </script>
     <br>
	  This is page which test function which name is for in object .   
	 
	 <br>
  </body>
</html>

web工作者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的基础练习(对象编程)

ObjectDemo --> { function student(x,y,z){ this.x=x; this.y=y; this.z=z; } student.prototype.avg=3; function stu_avg(){ return (this.x + this.y + thi
复制链接

扫一扫