Подскажите новичку в понимании ООП!

var products = [
  {
    "id":3,
    "name":"Cake",
    "price":333,
    "description":"The tastiest cake in the world."
  },
  {
    "id":5,
    "name":"Petroleum",
    "price":2977,
    "description":"Black gold."
  },
  {
    "id":8,
    "name":"Moscow metro logo",
    "price":117000000,
    "description":"Remove circle from logo"
  }
];
 
var shop = new Shop();
shop.addProducts(products);
 
console.log(shop.getProduct(5).setPrice(3224).withDiscount(10).discountedPrice === 2901.6) ;

class Product {      // Создаем класс Product
    constructor(){         // У него есть два поля в конструкторе - id товара и его цена
        this.id = 0;         // По дефолту id = 0, цена = 0  
        this.price = 0;           
    }
 
    setPrice(price){ // Метод setPrice, насколько поняла setter для нашей цены, который и получает необходимую цену для текущего экземпляра 
        this.price = price; // Собственно присваиваем нашему текущему экземпляру цену переданную в setter параметром   
        return this;  // Возращает текущий экземпляр с уже записанной в него ценой через setter
    }
 
    withDiscount(percent){  // Метод, который принимает параметром скидку
        this.discountedPrice = this.price - (this.price * (percent * 0.01)); // создает в нашем экземпляре новое поле с ценой со скидкой
        return this; // Возвращает текущий экземпляр товара с добавленным в него полем - цена со скидкой 
    }
 
}
 
class Shop extends Product{ // класс Shop который наследует все от класса Product 
    constructor(){ // конструктор 
        super()         //насколько понимаю это обращение к родительскому классу Product? 
        new Product;  // и внутри конструктора идет создание нового экземпляра класса Product? не понимаю зачем????  
        this.products; // просто поле products? Насколько понимаю в него будут записываться продукты
    }
    addProducts (products){  // метод, который просто принимает массив с продуктами и собственно его же и возвращает 
        return products     
    }
 
    getProduct (id){            // метод, который по id, переданному в качестве параметра, выдает продукт с указанным id 
        let arrayProducts = products; // из глобальной области видимости вытягиваем массив с продуктами и присваиваем их переменной arrayProducts 
        for(let i = 0; i < arrayProducts.length; i++){  //перебираем массив в поиске подходящего id   
            if(arrayProducts[i].id === id){
                this.products = arrayProducts[i];
                return this   
            }
        }
    }
}
 
 
var products = [   // массив product, в котором 3 объекта, а непосредственно наши продукты, которые надо добавить в магазин. И кстати, почему названия полей записаны в кавычках?!
  {
    "id":3,
    "name":"Cake",
    "price":333,
    "description":"The tastiest cake in the world."
  },
  {
    "id":5,
    "name":"Petroleum",
    "price":2977,
    "description":"Black gold."
  },
  {
    "id":8,
    "name":"Moscow metro logo",
    "price":117000000,
    "description":"Remove circle from logo"
  }
];
 
var shop = new Shop();  // создаем экземпляр класса Shop
shop.addProducts(products); // куда возвращается products? получается он записывается новым полем в текущий экземляр нашего магазина??? 
 
console.log(shop.getProduct(5).setPrice(3224).withDiscount(10).discountedPrice === 2901.6) /*Выбираем продукт с id - 5, потом присваиваем ему цену 3224, и узнаем цену со скидкой в 10%, после проверяем равна ли эта цена со скидкой 2901.6 
В итоге выдает в консоль true. Значит наши классы написаны правильно, но только не очень понимаю логику кода!!! Объясните кому нетрудно подробно каждую строчку кода! пожалуйста!!!!!*/