js自定义对象

最新推荐文章于 2022-06-03 20:09:13 发布

yun1996

最新推荐文章于 2022-06-03 20:09:13 发布

阅读量113

点赞数

分类专栏： js 文章标签： js javascript html

本文链接：https://blog.csdn.net/yun1996/article/details/107083158

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

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