Extending built-in classes not working properly

class Style extends Map {
    constructor(attrs) {
        super();
        // throws TypeError: Type error
        this.reset(attrs);
    }

    reset(attrs) {
        this.clear();
        Object.keys(attrs).forEach(name => {
            this.set(name, attrs[name]);
        });
    }
}

class Items extends Array {
    constructor(items) {
        super();
        // throws TypeError: Type error
        this.reset(items);
    }

    reset(items) {
        this.length = 0;
        if (items)
            this.push(...items);
    }
}

function testStyle() {
    const style = new Style({
        'strokeStyle': 'black',
        'lineWidth': 2
    });

    // ok
    // style.set('strokeStyle', 'black');
    // style.set('lineWidth', 2);

    // throws TypeError: Type error
    style.reset({
        'strokeStyle': 'black',
        'lineWidth': 2
    });

    console.log(JSON.stringify([...style.entries()]));
}

function testItems() {
    const items = new Items([1, 2, 3]);
    
    // ok
    // items.push([1, 2, 3]);

    // throws TypeError: Type error
    items.reset([1, 2, 3]);

    console.log(JSON.stringify([...items]));
}

export function main() {
    testItems();
    testStyle();
}