Can I run a JS script from another using `fetch`?

Question

Lower intermediate JS/JQ person here.

I\'m trying to escape callback hell by using JS fetch. This is billed as \"the replacement for AJAX\" and seems t

Answer 1

There are a few things to mention on here.

---

Yes, it is possible to execute a javascript just loaded from the server. You can fetch the file as text and user eval(...) while this is not recommended because of untrackeable side effects and lack of security!

Another option would be: 1. Load the javascript file 2. Create a script tag with the file contents (or url, since the browser caches the file)

This works, but it may not free you from callback hell perse.

---

If what you want is load other javascript files dinamically you can use, for example requirejs, you can define modules and load them dinamically. Take a look at http://requirejs.org/

---

If you really want to get out of the callback hell, what you need to do is

• Define functions (you can have them in the same file or load from another file using requirejs in the client, or webpack if you can afford a compilation before deployment)
• Use promises or streams if needed (see Rxjs https://github.com/Reactive-Extensions/RxJS)

• Remember that promise.then returns a promise

  someAsyncThing()
    .then(doSomethingAndResolveAnotherAsncThing)
    .then(doSomethingAsyncAgain)
  

Remember that promises can be composed

Promise.all(somePromise, anotherPromise, fetchFromServer)
  .then(doSomethingWhenAllOfThoseAreResolved)