ES6中的对象和类

ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言 。
另外,一些情况下ES6也泛指ES2015及之后的新增特性,虽然之后的版本应当称为ES7、ES8等。
对象:有属性和方法,js里面所有的事件都是对象,如字符串,数组,数值,函数
类:在ES6中新增了类的概念,可以通过class关键字来声明一个类,之后用这个类来实例化一个对象
一.创建一个类

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			class Person {
				//属性和方法
			}
			//创建实例化对象
			var person = new Person()
		</script>
	</head>
	<body>
	</body>
</html>

二、构造方法
constructor()方法是类的构造函数(默认的方法),用于传递参数,返回实例对象,通过new关键字生成对象实例的时候,自动调用该方法,如果没有显式的定义,类内部就会自动给我们创建一个constructor()方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			class Person {
				constructor(name,age) {  //name 和age 
				//不用声明,因为js中的类的属性不用声明
				    this.name =name
					this.age =aga
				}
			}
			//创建实例化对象
			var person = new Person('导演',18)
			console.log(person)
		</script>
	</head>
	<body>
	</body>
</html>

三、类方法
定义在类里面的方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			class Person {
				constructor(name,age) {
				    this.name=name
					this.age=age
				}
			say() {
				console.log('hello'+this.name)
			}
			}
			var person = new Person('李导演',23)
			person.say()
		</script>
	</head>
	<body>
	</body>
</html>

我精心整理了计算机各个方向的从入门、进阶、实战的视频课程和电子书,都是技术学习路上必备的经验,跟着视频学习是进步最快的,而且所有课程都有源码,直接跟着去学!!!
web前端学习群:796165469
JAVA学习群:1082646065
抖音号:web666
关注微信公众号【web前端开发宝典】后回复你所需方向的关键字即可,比如『Android』、『java』『ReactNative』、『H5』、『javaweb』、『面试』、『机器学习』、『web前端』、『设计模式』等关键字获取对应资料。(所有资料免费送,转发宣传靠大家自愿)
一起学习提升哟!加油!

▼微信扫一扫下图↓↓↓二维码关注
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值