1function updateUser() {
 2  let resolve, reject, cancelled;
 3
 4  const promise = new Promise((resolveFromPromise, rejectFromPromise) => {
 5    resolve = resolveFromPromise;
 6    reject = rejectFromPromise;
 7  });
 8
 9  function wrapWithCancel(fn) {
10    return (data) => {
11      if (!cancelled) {
12        return fn(data);
13      }
14    };
15  }
16
17  Promise.resolve()
18    .then(
19      wrapWithCancel(() => {
20        return new Promise((resolve) => {
21          console.log("task 1");
22          setTimeout(resolve, 1000);
23        });
24      })
25    )
26    .then(
27      wrapWithCancel(() => {
28        return new Promise((resolve) => {
29          console.log("task 2");
30          setTimeout(resolve, 1000);
31        });
32      })
33    )
34    .then(
35      wrapWithCancel(() => {
36        return new Promise((resolve) => {
37          console.log("task 3");
38          setTimeout(resolve, 1000);
39        });
40      })
41    )
42    .then(resolve)
43    .then(reject);
44
45  return {
46    promise,
47    cancel: () => {
48      cancelled = true;
49      reject({ reason: "cancelled" });
50    },
51  };
52}
53
54const { promise, cancel } = updateUser();
55
56setTimeout(() => {
57  cancel();
58}, 1500);

 1function updateUser(abortController) {
 2  let resolve, reject, cancelled;
 3
 4  const promise = new Promise((resolveFromPromise, rejectFromPromise) => {
 5    resolve = resolveFromPromise;
 6    reject = rejectFromPromise;
 7  });
 8
 9  abortController.signal.addEventListener("abort", () => {
10    cancelled = true;
11    reject({ reason: "cancelled" });
12  });
13
14  function wrapWithCancel(fn) {
15    return (data) => {
16      if (!cancelled) {
17        return fn(data);
18      }
19    };
20  }
21
22  Promise.resolve()
23    .then(
24      wrapWithCancel(() => {
25        return new Promise((resolve) => {
26          console.log("task 1");
27          setTimeout(resolve, 1000);
28        });
29      })
30    )
31    .then(
32      wrapWithCancel(() => {
33        return new Promise((resolve) => {
34          console.log("task 2");
35          setTimeout(resolve, 1000);
36        });
37      })
38    )
39    .then(
40      wrapWithCancel(() => {
41        return new Promise((resolve) => {
42          console.log("task 3");
43          setTimeout(resolve, 1000);
44        });
45      })
46    )
47    .then(resolve)
48    .then(reject);
49
50  return promise;
51}
52
53const abortController = new AbortController();
54
55const promise = updateUser(abortController);
56
57setTimeout(() => {
58  abortController.abort();
59}, 500);