JS：创建对象（工厂方法、构造函数）

最新推荐文章于 2024-06-24 20:52:18 发布

F_aF_a

最新推荐文章于 2024-06-24 20:52:18 发布

阅读量117

点赞数

本文链接：https://blog.csdn.net/qq_37252519/article/details/103721980

版权

工厂方法

使用工厂方法创建对象，通过该方法可以大批创建对象
使用工厂方法创建的对象，使用的构造函数都是Object，无法区分多种不同分类的对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
			创建一个对象
			*/
		   var obj = {
			   name:"",
			   gender:"",
			   sayName:function(){
				   alert(this.name);
			   }
		   };
		   /*
		   使用工厂方法创建对象，通过该方法可以大批创建对象
		   使用工厂方法创建 的对象，使用的构造函数都是Object，无法区分多种不同分类的对象
		   */
		  function creatPerson(name,age,gender){
			  //创建一个新对象
			  var obj = new Object();
			  
			  //添加属性
			  obj.name = name;
			  obj.age = age,
			  obj.gender = gender,
			  obj.sayName = function(){
				  alert(this.name);
			  }
			  
			  //返回新对象
			  return obj;
		  }
		  
		  var obj2 = creatPerson(1,2,3);
		  var obj3 = creatPerson(3,2,1);
		  console.log(obj2);
		  console.log(obj3);
		  
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

构造函数

构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写
普通函数和构造函数的区别就是调用方式不同：前者直接调用、后者需要使用new关键字来调用
构造函数执行：
1.立刻创建一个新的对象
2.将新建的对象设置为函数中的this，在构建函数中可以用this来引用这个对象
3.逐行执行函数中的代码
4.将新的对象作为返回值返回
使用同一类的构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
			创建一个构造函数，专门用来创建Person对象
			构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写
			
			普通函数和构造函数的区别就是调用方式不同：前者直接调用、后者需要使用new关键字来调用
			
			构造函数执行：
				1.立刻创建一个新的对象
				2.将新建的对象设置为函数中的this，在构建函数中可以用this来引用这个对象
				3.逐行执行函数中的代码
				4.将新的对象作为返回值返回
				
			使用同一类的构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类
			*/
		   function Person(name,age ,gender){
			   this.name=name;
			   this.age=age;
			   this.gender=gender;
			   
		   }
		   function Dog(){
			   
		   }
		   var per = new Person("孙悟空",18,"男");
		   console.log(per);
		   var per2 = new Person("1",1,"男");
		   console.log(per2);
		   
		   var dog = new Dog();
		   console.log(dog);
		   
		   /*
		   使用instanceof可以检查一个对象是不是一个类的实例
		   语法：
				对象 instanceof 函数
				如果是返回true
		   */
		   console.log(per instanceof Person);
		   
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

在Person构造函数中，为每一个对象都添加了一个sayName方法，这导致了构造函数执行一次就创建一个新的方法，完全可以使所有对象都共享
将sayName方法在全局作用域中定义
但是这样污染了全局作用域的命名空间，而且不安全
之后讲“原型”

function Person(name,age,gender){
			  this.name=name;
			  this.age=age;
			  this.gender=gender;
			  this.sayName = fun;
		  }
		  function fun(){
			  alert("大家好，我是"+this.name);
		  }