自定义对象创建的三种方式

最新推荐文章于 2022-03-08 20:59:02 发布

原创最新推荐文章于 2022-03-08 20:59:02 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

WEB基础专栏收录该内容

30 篇文章

订阅专栏

代码如下：

<!DOCTYPE html>
<html>
<head>
<title>创建自定义对象</title>
<meta charset="utf-8" />
</head>
<script type="text/javascript">
  //使用第一种方式创建对象
  function f1() {
	//1.创建对象
    var teacher = new Object();
    teacher.name = "苍老师";
    teacher.age= 40;
    teacher.work = function (){
      alert("我教Java");
    };
    //2.使用对象
    alert(teacher.name+","+teacher.age);
    teacher.work();
  }
  
  //使用第二种方式创建对象(数据量较多的情况下容易识别)
  function f2(){
	//创建对象
	var s = new Student("张三",22);
	//使用对象
	alert(s.name+","+s.age);
	s.work();
  }
  //预置一个对象
  function Student(name,age){
	this.name = name;
	this.age = age;
	this.work = function(){
	  alert("我学Java");
	};
  }
  
  //使用第三种方式创建对象
  function f3(){
	//创建对象
	var programmer = {
	  "name":"李四",
	  "age":25,
	  "work":function(){alert("这是JSON对象")}
	};
	alert(programmer.name+","+programmer.age);  
	programmer.work();
  }
  
</script>
<body>
  <button onclick="f1();">按钮1</button>
  <button onclick="f2();">按钮2</button>
  <button onclick="f3();">按钮3</button>
</body>
</html

注意事项：若是数据量较小,作为中间使用的某些值,则用第一种方法即可

若是数据量较大,且需要直观看出对象中的某些参数或方法时,建议采用第二种,其实第一，第二都差不多,根据实际情况选用即可

若是使用浏览器向服务器发送请求数据时,建议使用第三种JSON对象

JSON对象：JS、Java、移动客户端都有JSON，说明JSON可以跨平台使用,达到连接各平台的作用