ES6面向对象（class）案例

最新推荐文章于 2022-08-18 21:19:50 发布

原创最新推荐文章于 2022-08-18 21:19:50 发布 · 860 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ES6面向对象 #js #class #js面向对象

JS 同时被 3 个专栏收录

38 篇文章

订阅专栏

前端

35 篇文章

订阅专栏

ES6学习笔记

9 篇文章

订阅专栏

本文通过实例演示了ES6中类的基本用法，包括构造函数的定义与使用、方法的声明及对象的创建过程。对比传统面向对象写法，展示了ES6类语法的简洁性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

案例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>class的基本运用</title>
	</head>
	<body>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script>
			//1.构造函数(过去面向对象)
			/*function Person(name,age){
				this.name=name;
				this.age=age;
			}
			Person.prototype={
				constructor:Person,
				print(){
					console.log("我叫"+this.name+",今年"+this.age+"岁");
				}
			}
			let person=new Person('张三',19);
			console.log(person);
			person.print();*/
			//2.ES6面向对象
			class Person{
				constructor(name,age){
					this.name=name;
					this.age=age;
				}
				print(){
					console.log("我叫"+this.name+",今年"+this.age+"岁");
				}
			}
			let person=new Person('张三',19);
			console.log(person);
			person.print();
		</script>
	</body>
</html>