js自定义对象

    技术2022-07-15  74

    在javascript没有类的概念,只要有函数即可创建对象。     自定义对象的

       方式1: 使用无参的函数创建对象。     例子:        function Person(){}         var p = new Person(); //创建了一个Person对象了         p.id = 110;         p.name = "狗娃";         方式2:使用带参的函数创建对象。       function Person(id,name){             this.id = id;             this.name = name;                 this.say = function(){                 alert(name+"呵呵");                 }         }        var p = new Person(110,"狗剩");    //创建对象   方式3: 使用Object函数创建对象      var p = new Object();         p.id = 110;         p.name = "铁蛋";    方式4:使用字面量的方式创建.         var p = {             id:110,             name:"狗娃",             say:function(){                 alert(this.name+"呵呵");             }         }       

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> //方式1: 使用无参的函数创建对象。 function Person(){} var p = new Person(); //创建了一个Person对象了 p.id = 110; p.name = "狗娃"; //方式2:使用带参的函数创建对象。 function Person(id,name){ this.id = id; this.name = name; this.say = function(){ alert(name+"呵呵"); } } var p = new Person(110,"狗剩"); //创建对象 //方式3: 使用Object函数创建对象 var p = new Object(); p.id = 110; p.name = "铁蛋"; //方式4:使用字面量的方式创建. var p = { id:110, name:"狗娃", say:function(){ alert(this.name+"呵呵"); } } document.write("编号:"+ p.id+" 姓名:"+ p.name); p.say(); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> </body> </html>

    编写一个js文件,在js文件中自定义一个数组工具对象, 该工具对象要有一个找到最大值的方法,与找元素对应的索引值的方法。

    js文件 ArrayTool.js

    //创建ArrayTool的对象 var tool = new ArrayTool(); function ArrayTool(){ //找最大值 this.getMax = function(arr){ var max = arr[0]; for(var i = 1 ; i<arr.length ;i++){ if(arr[i]>max){ max = arr[i]; } } return max; } //找元素 的索引值 this.searchEle = function(arr,target){ for(var i = 0 ; i<arr.length ; i++){ if(arr[i] ==target){ return i; } } return -1; } }

    html文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="ArrayTool.js" type="text/javascript"></script> <script type="text/javascript"> var arr = [12,15,9,4]; var max = tool.getMax(arr); document.write("最大值:"+ max+"<br/>"); var index = tool.searchEle(arr,9); document.write("找到的索引值是:"+ index); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> </body> </html>

     

    Processed: 0.010, SQL: 9