构造函数,区别于工厂方法创建对象 将构造函数中的方法提出来

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script type="text/javascript">
			/**
			 * 创建一个构造函数,专门用来创建person对象的
			 * 构造函数就是一个普通的函数,创建方式和普通的函数没有区别
			 *不同的是构造函数习惯上首字母大写 
			 * 
			 * 构造函数和普通函数的区别就是调用方式不同
			 * 普通函数时直接调用 而构造函数需要用new关键字来调用
			 * 
			 * 构造函数的执行流程
			 * 1.出现一个new立刻就创建一个新的对象
			 * 2.将新建的对象设置为函数中的this,在构造函数中可以使用this来引用新建的对象
			 * 3.逐行执行函数中的代码
			 * 4.将新建的对象作为返回值返回
			 * 
			 * 使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类。
			 * 我们将通过一个构造函数创建的对象,称为是该类的实例,或者说该构造类的实例
			 * 使用instanceof可以检查一个对象是否是一个类的实例
			 */
// 			var obj=new Object();
// 			console.log(obj);

			function  Person(){
				this.name="孙悟空";
			}
			var per=new Person();
			console.log(per.name);
			console.log(per instanceof Person);
//这下就不会是Object类了,而是Person类
		</script>
		
		</object>
	</head>
	<body>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/**
			 * 创建一个Person函数
			 * -在Person构造函数中,为每一个对象都添加了一个sayName方法
			 * 	目前我们的犯法是在构造函数内部创建的,
			 * 		也就是构造函数每执行一次就会创建一个新的sayName方法
			 * 			也就是所有的sayName方法都是唯一的
			 * 		这样就导致构造函数执行一次就会创建一个新方法
			 * 			10000次就是10000个新的方法而,他们都是一样的
			 * 		这是完全没有必要的,完全可以使所有的对象都共用一个方法
			 */
			function Person(name,age,gender){
				this.name=name;
				this.age=age;
				this.gender=gender;
				//向对象中添加一个方法
				this.sayName=fun;
			}
			
			//将sayName方法在全局作用域中定以
			function fun(){
				alert("Hello大家好,我是"+this.name);
			};
			//创建一个Person的实例
			var per=new Person("孙悟空",18,"男");
			var per2=new Person("白骨精",17,"女");
			per2.sayName();
			
			
			
			
		</script>
	</head>
	<body>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41648092/article/details/88935967
今日推荐