js 类和对象 ES6

2021-02-25 14:02:56 阅读：206 来源： 互联网

标签：ES6 console log 构造方法对象 js say 实例静态方法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>类和对象</title>
</head>
<body>
<!-- <script type="text/javascript">
    //类 （一类事物）
    //使用class关键字 定义类，实例化得到对象
    class A{
        //构造方法
        constructor(){
            //在构造方法中定义属性
            this.age = 30;
        }
        //实例方法
        say(){
            console.log('我是A中实例方法say');
        }
    }

    var obj = new A();
    //实例化类，会自动执行构造方法,并得到实例对象
    console.log(obj);
    console.log(obj.age);
    obj.say();
</script> -->
<!-- <script type="text/javascript">
    //类 （一类事物）
    //使用class关键字 定义类，实例化得到对象
    class A{
        //构造方法
        constructor(){
            //在构造方法中定义属性
            this.age = 30;
        }
        //实例方法
        say(){
            console.log('我是A中实例方法say');
            console.log('我是A中实例方法say'+ this.age);
        }

        //静态方法 ：不需要实例化对象，可以使用类名.方法() 调用
        static coding(){
            console.log('我是A中静态方法coding');
            // console.log('我是A中静态方法coding' + this.age);
            // console.log(this); // this指向的是类A
        }
    }
    //静态方法调用，由于没有实例化过程，构造方法中的代码不会自动执行。
    A.coding();

    //调用实例方法
    var obj = new A();
    obj.say();

</script> -->
<script type="text/javascript">
    //类 （一类事物）
    //使用class关键字 定义类，实例化得到对象
    class A{
        //构造方法
        constructor(){
            //在构造方法中定义属性
            this.age = 30;
        }
        //实例方法
        say(){
            console.log('我是A中实例方法say');
            // console.log('我是A中实例方法say'+ this.age);
        }

        //静态方法 ：不需要实例化对象，可以使用类名.方法() 调用
        static coding(){
            console.log('我是A中静态方法coding');
            // console.log('我是A中静态方法coding' + this.age);
            // console.log(this); // this指向的是类A
        }
        //说明：静态方法和实例方法 名称可以相同，不会互相影响
        //调用时，各有各的写法
        static say(){
            console.log('我是A中静态方法say');
        }
    }
    //静态方法调用，由于没有实例化过程，构造方法中的代码不会自动执行。
    A.coding();
    A.say();

    //调用实例方法
    var obj = new A();
    obj.say();

</script>
</body>
</html>

标签：ES6,console,log,构造方法,对象,js,say,实例,静态方法
来源： https://www.cnblogs.com/dazahui/p/14446571.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js 类和对象 ES6