1

Пишу код где класс Truck наследует класс Car. Все ок, только v2.move() не корректно работает. Подскажите, пожалуйста, почему в терминале вместо модели машины пишет undefined? Даже если let v2 = new Truck() поменяю на let v2 = new Truck("Man") все равно не дает результата.

Машина undefined двигается со скоростью 80 км/час

class Car {
    model;

    constructor(model) {
        this.model = model;
    }

    move() {
        console.log(`Машина ${this.model} двигается со скоростью 80 км/час`);
    }
}

class Truck extends Car {
    weight;
    maxCargo;
    model;

    constructor(model, maxCargo) {
        super(model);
        this.maxCargo = maxCargo;
    }

    loadCargo(weight) {

        if (weight > 1000) {
            console.log("Этот грузовик не может перевозить более 1000кг груза");
        }
        else {
            this.weight = weight;
            console.log(`В грузовик загружено ${this.weight}кг.`);
        }
    }
}

let v1 = new Car("Mazda");
v1.move();

let v2 = new Truck();
v2.loadCargo(1500);
v2.move();

3
  • 1
    А для чего предназначено поле model в классе Truck?
    – Doigrales
    19 дек 2021 в 19:44
  • 4
    зачем вы переопределяете в грузовике свойство model ?
    – teran
    19 дек 2021 в 19:59
  • 2
    Не нужно исправлять ошибку прямо в вопросе, это делает все ответы неактуальными, и наличие самого вопроса так же, ведь ошибки больше нет.
    – Grundy
    20 дек 2021 в 15:27

1 ответ 1

0

Чтобы хорошо понять что произошло, можно десахоризовать js классы в обычные функции, потому что мы не видим как именно создается класс.

Но когда мы смотрим на функцию конструктор мы четко видим последовательность действий.

В частности будет хорошо заметно что определение собственных свойств идет после вызова родительского конструктора и определения его свойств.

Я использую Object.defineProperty для большей наглядности того что происходит на самом деле ведь напиши я this.model; - ничего бы не произошло тут нет присваивания.

    function Car (model) {
        Object.defineProperty(this, "model", {
          enumerable: true,
          configurable: false,
          writable: true,
          value: model
        });

        this.move = function() {
            console.log(`Машина ${this.model} двигается со скоростью 80 км/час`);
        }
    }
    
    function Truck (model, maxCargo)  {
        Car.call(this, model) // вызов родительского конструктора
    
        Object.defineProperty(this, "weight", {
          enumerable: true,
          configurable: false,
          writable: true,
          value: undefined
        });
    
        Object.defineProperty(this, "maxCargo", {
          enumerable: true,
          configurable: false,
          writable: true,
          value: maxCargo
        });
        
        Object.defineProperty(this, "model", { // <= тут происходит перезапись
          enumerable: true,
          configurable: false,
          writable: true,
          value: undefined 
        });
    
        this.loadCargo = function(weight) {
            if (weight > 1000) {
                console.log("Этот грузовик не может перевозить более 1000кг груза");
            }
            else {
                this.weight = weight;
                console.log(`В грузовик загружено ${this.weight}кг.`);
            }
        }
    }
    
    let v1 = new Car("Mazda");
    v1.move();
    
    let v2 = new Truck("name");
    v2.loadCargo(1500);
    v2.move();

Решение

class Car {
    model;

    constructor(model) {
        this.model = model;
    }

    move() {
        console.log(`Машина ${this.model} двигается со скоростью 80 км/час`);
    }
}

class Truck extends Car {
    weight;
    maxCargo;

    constructor(model, maxCargo) {
        super(model);
        this.maxCargo = maxCargo;
    }

    loadCargo(weight) {

        if (weight > 1000) {
            console.log("Этот грузовик не может перевозить более 1000кг груза");
        }
        else {
            this.weight = weight;
            console.log(`В грузовик загружено ${this.weight}кг.`);
        }
    }
}

let v1 = new Car("Mazda");
v1.move();

let v2 = new Truck("new");
v2.loadCargo(1500);
v2.move();

7
  • Проблема еще не решена
    – Dima
    20 дек 2021 в 14:43
  • 1
    приведенный выше код отвечает на вопрос Подскажите, пожалуйста, почему в терминале вместо модели машины пишет undefined?, а не решает, для решения нужно удалить Object.defineProperty(this, "model"... это либо в Вашем случае model; из класса Truck 20 дек 2021 в 14:52
  • 1
    я вижу у Вас результат Машина new двигается со скоростью 80 км/час в консоли в третьей строке, мы же про него говорим? 20 дек 2021 в 15:26
  • 1
    хорошо что вернули исходный код вопроса, иначе бы в вопросе не было бы смысла, вот результат который я видел 20 дек 2021 в 15:36
  • 1
    Не в курсе почему это могло произойти, на всякий случай дополнил свой ответ решением, должно работать 20 дек 2021 в 22:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.