Как исправить TypeError: this.LongCoordinates is not a function?

Question

[Надежда Богомазова]

Вопрос скорее всего очень лёгкий, но всё равно. Пытаюсь написать слайдер - и координаты круглого элемента не должны вылезать за пределы полоски. Но когда я обращаюсь к функции LongCoordinates, появляется ошибка TypeError: this.LongCoordinates is not a function. Я явно что-то не так делаю, но что, не пойму.

var model = {
            LongCoordinates: function (dir) {
                let long = document.querySelector(".long");
                long.style.left = "8px";
                long.style.right = "274px";

                
                if (dir == "right") return "274px";
                
            },

            ballCoordinates: {
                min: 0,
                max: this.LongCoordinates("right"),
                x: "0px"
            }
            
        };

Answer 1

[Пашенька]

Дело в том, что здесь max: this.LongCoordinates("right"),this ссылается на объект window, поскольку находится внутри объекта(что никак его не переопределяет), а не метода(метод является функцией), а функция переопределяет this. Но у объекта window нет метода LongCoordinates, отсюда и ошибка.

var model = {
		LongCoordinates: function (dir) {
				let long = document.querySelector(".long");
				long.style.left = "8px";
				long.style.right = "274px";

				if (dir == "right") return "274px";

		},

		ballCoordinates: function () {
				return {
					min: 0,
					max: this.LongCoordinates("right"), // теперь this ссылается на model
					x: "0px"
				}
		}

};

Comments

[Надежда Богомазова]

спасибо, теперь ясно, где была ошибка! но всё же, если не использовать функции, то если у меня один большой объект и в нём два маленьких внутри, из одного маленького в другой никак не достучаться? если уж this не работает

[Пашенька]

Надежда Богомазова, Так достучаться не получится. Да и не страшно. Вот, смотрите, те же два маленьких объекта(ballCoordinates и test просто они написаны в виде метода) и они общаются между собой:

var model = {
	LongCoordinates: function (dir) {
		let long = document.querySelector(".long");
		long.style.left = "8px";
		long.style.right = "274px";

		if (dir == "right") return "274px";

	},

	ballCoordinates: function() {
		return {
			min: 0,
			max: this.LongCoordinates("right"), // теперь this ссылается на model
			x: "0px",
			cheburek: 'cheburek value' // желанный чебурек
		}
	},

	test: function() {
		return {
			lol: 'kek',
			test: this.ballCoordinates().cheburek // получаем значение чебурека
		}
	}

};
console.log(model.test().test); // просто для примера получим значение свойства test у метода test
console.log(model.test().lol); // 'kek'
console.log(model.ballCoordinates().cheburek); // 'cheburek value'