12.ES6面向对象
2019-02-13 本文已影响0人
圆梦人生
ES6中增加了面向对象
1、使用class关键字定义
2、构造器使用constructor定义
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>面向对象</title>
<script>
// ES6中面向对象 使用class关键字定义
// 构造器使用constructor定义
// 定义Person类
class Person {
// 构造器
constructor(name, age){
this.name = name
this.age = age
}
// getName
getName(){
return this.name
}
// setName
setName(name){
this.name = name
}
// getAge
getAge(){
return this.age
}
// setAge
setAge(age){
this.age = age;
}
}
// 创建Person实例
let person = new Person('张三', 20)
alert(person.getName());
alert(person.getAge());
person.setName('张三丰')
person.setAge(101);
alert(person.getName());
alert(person.getAge());
</script>
</head>
<body>
</body>
</html>