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前端』、『设计模式』等关键字获取对应资料。(所有资料免费送,转发宣传靠大家自愿)
一起学习提升哟!加油!
▼微信扫一扫下图↓↓↓二维码关注