ES6——类和对象

1、es6中类的创建方发：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>类和对象</title>
</head>
<body>
    <script>
        //1、创建一个类
        class Star{
            //这是构造函数
            constructor(uanme,age){
                this.uname = uanme;
                this.age = age;
            }
        }

        //2、创建对象
        var ldh = new Star('刘德华',50);
        var zxy = new Star('张学友',52);
        console.log(ldh.uname,ldh.age);
        console.log(zxy.uname,zxy.age);
    </script>
</body>
</html>

这样就可以创建一个简单的类。

2、类方法的创建：

<script>
        //1、创建一个类
        class Star{
            //这是构造函数
            constructor(uanme,age){
                this.uname = uanme;
                this.age = age;
            }

            //类方法的创建，不需要写function关键字
            //多个方法之间不需要用表单符号隔开
            sing(name){
                console.log(this.uname+'正在唱歌'+'，歌曲：'+name)
            }
        }

        //2、创建对象
        var ldh = new Star('刘德华',50);
        var zxy = new Star('张学友',52);
        console.log(ldh.uname,ldh.age);
        console.log(zxy.uname,zxy.age);

        ldh.sing('冰雨');
</script>

1、es6中类的创建方发：

2、类方法的创建：

猜你喜欢