ES6的class

class简介

js中是没有类这个概念的，只有对象，不是完全的面向对象，是基于对象的。
class本质还是一个构造函数，只是在写法上模拟出了class

class用法

// ES5写法
    // 属性的写法
    function Point(x, y) {
        this.x = x;
        this.y = y;
    }
    //公共存储空间，节省内存
    Point.prototype.toString = function () {
        return this.x + "," + "this.y";
    }
    //创建对象
    var p = new Point(100, 100)

  // ES6写法
    class Point {
        constructor(x, y) {
            //必须写的，叫构造函数，当new时自动执行，开辟空间用的
            this.x = x;
            this.y = y;
        }
        toString(){//添加到原型上的
            return this.x + "," + this.y;
        }
    }
    let p = new Point(100,100);
    console.log(p)

实例

    class Book {
        constructor(name, auther, type, info) {
            this.name = name;
            this.auther = auther;
            this.type = type;
            this.info = info;
        }
        //静态属性
        static address = "新华书店";
        //静态方法
        static showClassName() {
            console.log("Book")
        }
        //实例方法
        sale() {
            console.log("打折促销")
        }
    }
     let sg = new Book("三国", "罗贯中", "小说", "一群男人")
    Book.showClassName();
    console.log(Book.address);

使用情景：

 
class Record {
        constructor() { }//没有属性，不用写内容
        static _setRecord() {
            if (!localStorage.record) {
                localStorage.record = '[]';
            }
        }
        
        static getRecords() {// 类名调用
            Record._setRecord();//    获取所有的记录
            return JSON.parse(localStorage.record);//    解析
        }
    }
    console.log(Record.getRecords())
    

只有大量的数据操作，没有大量的属性时，设置成静态属性