ES6——类和对象

孤街醉人 提交于 2019-12-09 12:04:28

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>

  

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!