原生JavaScript的面向过程和面向对象

 JavaScript的面向对象是对面向过程的封装,在JavaScript中创建对象的模板是构造函数;ES6中新增了类(Class)。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		// 打印学生成绩
		// 1. 面向过程
		var stu1 = {name: 'zs', subject: '语文', score: 90};
		var stu2 = {name: 'ls', subject: '语文', score: 80};

		console.log(stu1.name, stu1.subject, stu1.score);
		console.log(stu2.name, stu2.subject, stu2.score);

		// 2. 面向对象  灵活、易于维护、多人协作  是对面向过程的封装
		// 创建一个模板,用于创建对象(实例instance)
		// 在JavaScript中创建对象的模板是构造函数
		// 而在其他语言中创建对象的模板是类,ES6中新增了类
		function Student(name, subject, score) {
			this.name = name;
			this.subject = subject;
			this.score = score;

			this.printScore = function () {
				console.log(this.name, this.subject, this.score);
			}
		}

		var stu1 = new Student('zs', '语文', 90);
		var stu2 = new Student('ls', '语文', 80);

		stu1.printScore();
		stu2.printScore();
	</script>
	
</body>
</html>

猜你喜欢

转载自blog.csdn.net/u010234868/article/details/121717391
今日推荐