Как в данном примере с помощью this получить url внутри функции?

Question

[AlexNew22]

Как используя this нам в данном случае прийти к тому, чтобы вызвалась url из функции app?
https://jsfiddle.net/Lvu19eny/2/
https://codepen.io/user2022nn/pen/QWmqxvO?editors=0011

Comments

[Вадим]

jsfiddle без vpn сейчас работает не у всех. Лучше выкладывать на codepen.

[Lynn «Кофеман»]

Выкладывать на jsfiddle 4 строчки кода… ну такое…

[AlexNew22]

Вадим, отредактировал
А по поводу ответа что?

[AlexNew22]

Lynn «Кофеман», ну так вышло, что в нем сидел, а после просто сохранил ссылку, а не целенаправленно в него зашел, чтобы там выложить для вопроса

[Вадим]

AlexNew22, Чтож, Вы там оставили комментарий, что пытаетесь углубиться в this. Поэтому вопрос, зачем она там вообще опустим.
Чему у Вас равен this внутри функции app, Вы смотрели?

[Вадим]

AlexNew22, Вот Вам чтиво по this. Последнее, как по мне, особенно полезно, но только после теории.

https://habr.com/ru/company/ruvds/blog/419371/
https://habr.com/ru/post/464163/
https://habr.com/ru/post/149516/

[Вадим]

AlexNew22, а так же, судя по всемму, Вы не совсем понимаете что такое класс в JS, раз пытаетесь у функции вызвать this после определения переменной внутри функции.
https://learn.javascript.ru/class

[AlexNew22]

Вадим, мне стало интересно по какой цепочке через глобальный this я могу выйти на внутреннее окружение своей функции или каким образом вызова ссылаться на переменную внутри функции
Тут скорее вопрос не в сторону адекватности, а в философский вопрос возможности js (на сколько он интеллектуален, можно опустить)
Или хотя бы получить ответ, почему это невозможно

[Вадим]

AlexNew22, Поиск переменной в окружении, или, как Вы выразились "выйти на окружение" работает только снизу вверх. От детей к родителям. Из вышестоящего окружения нельзя посмотреть в нижестоящее.

[Вадим]

AlexNew22, То, как Вы хотите сделать возможно только если Вы не через this будете считывать урл, а назначать в url в свойство функции. Но в данном случае это бред.
Например:

async function app() {
	app.url = 'https://jsonplaceholder.typicode.com/todos/2'
	const result = await fetch(app.url).then(data => data.json())
  console.log(result)
}

app()
console.log(app.url)

Answer 1

[Павел]

Зачем тут this?

const url = 'https://jsonplaceholder.typicode.com/todos/2'
const result = await fetch(url).then(data => data.json())

Comments

[AlexNew22]

Здесь вопрос на тему this, а fetch просто под руку попался