Как добраться до переменной в объекте?

Question

[Евгений]

Как получить данные из метода 'data()' такие как: api_key, url_base и нормально засунуть в шаблонные строки метода fetch?
Сейчас через this добраться не могу. Знаю что есть способ, но забыл как.

let app = {
    name: "app",
    proxy: "https://cors-anywhere.herokuapp.com/",
    data() {
        return {
            api_key: "123456789012345678901234567890",
            url_base: "https://api.openweathermap.org/data/2.5/",
            query: "",
            weather: {}
        };
    },
    methods: {
        fetchWeather(e) {
            console.log(1)
            if (e.key == "Enter") {
                fetch(
                    `${this.url_base}weather?q=${this.query}&units=metric&APPID=${this.api_key}`
                )
                    .then(res => {
                        return res.json();
                    })
                    .then(this.setResults);
            }
        },
    }
}

Comments

[Петр Мухуров]

const app = {
  get api_key() {
    return this.data().api_key;
  }
}

[Aetae]

Если vue, всё работает:

Answer 1

[Athanor]

Это очень похоже на vue. Если это он и это код вашего компонента, то все и так должно работать.
Если это не он, то просто замените this на app.data(), т.к. this в данном случае указывает на methods.

Comments

[Евгений]

Именно что на vue было сделано, теперь на javascript обычный нужно переделать. Да, странно. Спасибо большое, работает.

Answer 2

[Владимир]

Стремная структура.
В текущем виде, если вызываешь fetchWeather из addEventListener у тебя в this сам элемент
если сделаешь fetchWeather: (e) => { то this тоже не тот что нужен
как вариант

fetchWeather(e) {
						let data = app.data()
            if (e.key == "Enter") {

https://jsfiddle.net/qt5mr9g6/
Но зачем каждый раз вытягивать данные которые статичны и не меняются?
Жопная структура, в текущем виде нет красивого решения, говнокод какойто

Comments

[Евгений]

Спасибо за комментарий, но с последним предложением советую по аккуратней выражаться. Даже если вы и профессионал.