12.ES6面向对象

作者: 圆梦人生 | 来源:发表于2019-02-13 21:52 被阅读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>