JS学习之构造函数和对象的关系

最新推荐文章于 2022-10-03 21:43:23 发布

一只追求学习的学渣

最新推荐文章于 2022-10-03 21:43:23 发布

阅读量243

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106966820

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>构造函数和对象的关系及new的实现原理</title>
		<script>
		//new实现原理:
		//1.new 关键字可以在内存中创建一个空的对象
		//2.this 就会指向刚才创建的空对象
		//3.执行构造函数里面的代码 给这个空对象添加属性和方法
		//4.返回这个对象
			function Heror(name,type,blood,attack){
				this.name = name;
				this.type = type;
				this.blood = blood;
				this.attack = attack;
				this.move = function(move){
					console.log(move);
				}
			}
		</script>
	</head>
	<body>
	</body>
</html>







1.构造函数，如:Star(),抽象了对象的公共部分,封装到了函数里面，它泛指某一大类(class)
2.创建对象,如new Star(),特指某一个,通过new关键字创建对象的过程称为对象实例化





new执行时会做四件事:
1.在内存中创建一个新的空对象
2.让this指向这个对象
3.执行构造函数里面的代码,给这个新对象添加属性和方法
4.返回这个新对象(所以构造函数里面不需要return)

一只追求学习的学渣

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习之构造函数和对象的关系

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>构造函数和对象的关系及new的实现原理</title> <script> //new实现原理: //1.new 关键字可以在内存中创建一个空的对象 //2.this 就会指向刚才创建的空对象 //3.执行构造函数里面的代码给这个空对象添加属性和方法 //4.返回这个对象
复制链接

扫一扫