js对象和类

妖狐艹你老母 2024-04-01 12:42 78阅读 0赞

### 1.对象 ###

### 2.类 ###

class Father {
        
        name;
        constructor(flag = true) {
        
            this.name = flag ? '张三' : "林扬生";
        }
        printName() {
        
            console.log('father-' + this.name);
        }
    }
    class Son extends Father {
        
        constructor() {
        
            super();
            //修改继承的name
            this.name = '李四';
        }
        printName() {
        
            console.log('son-' + this.name);
        }
    }
    let fat = new Father(false);
    fat.printName();
    let son = new Son();
    son.printName();
    son.name = '王五';
    son.printName();

class Father {
        
        constructor(flag = true) {
        
            this.store = flag ? localStorage : sessionStorage;
        }
    
        //静态属性(类属性),通过static开头的属性,Father类可以访问,不需要创建实例,实例访问不到
        static static() {
        
            console.log(666666);
        }
        set(params = {
        }) {
        
            let {
         key, value } = params;
            let obj = {
         date:new Date(), value: value }
            this.store.setItem(key, JSON.stringify(obj));
        }
        get() {
        
            Father.static();
            return this.store.getItem("name");
        }
    }
    const l = new Father();
    l.set({
        
        key: "class",
        value: [{
         id: 1, name: "张三" }]
    });
    const a = l.get();
    console.log(a);
    //l.static();//报错