js 类和对象 ES6

<!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>
相关推荐
