【Promise】reject、catchの使いどころ

前提・実現したいこと

２点お聞きしたいことがあります。
１：Promiseを使用する場合、下記設定パターン１～３がありますが、どれがベストな設定になりますでしょうか。rejectやtry(catch)などを使用した方がよいのか、よくわかりません…

２：呼び出し下記呼び出しパターン１～２がありますが、この場合「catch」を設定した方がよろしいでしょうか。あまり「catch」を設定するメリットを感じていません。なのでその部分を教えて頂ければ幸いです。

質問１コード

javascript
1//設定 パターン１
2const readScript = () => {
3  return new Promise((resolve, reject) => {
4    const script = document.createElement('script');
5    script.setAttribute('src', 'test.js');
6    script.setAttribute('charset', 'utf-8');
7    document.getElementsByTagName('body')[0].appendChild(script);
8    script.onload = script.onreadystatechange = () => {
9      if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
10        resolve('成功');
11      }
12    };
13  });
14};

javascript
1//設定 パターン２
2const readScript = () => {
3  return new Promise((resolve, reject) => {
4    const script = document.createElement('script');
5    script.setAttribute('src', 'test.js');
6    script.setAttribute('charset', 'utf-8');
7    document.getElementsByTagName('body')[0].appendChild(script);
8    script.onload = script.onreadystatechange = () => {
9      if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
10        resolve('成功');
11      } else{
12        reject('失敗');
13      }
14    };
15  });
16};

javascript
1//設定 パターン３
2const readScript = () => {
3  return new Promise((resolve, reject) => {
4    try {
5      const script = document.createElement('script');
6      script.setAttribute('src', 'test.js');
7      script.setAttribute('charset', 'utf-8');
8      document.getElementsByTagName('body')[0].appendChild(script);
9      script.onload = script.onreadystatechange = () => {
10        if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
11          resolve('成功');
12        } else{
13          reject('失敗');
14        }
15      };
16    } catch(e) {
17      reject(e);
18    }
19  });
20};

質問２コード

javascript
1//呼び出し パターン１
2readScript().then((value) => {
3  console.debug(value);
4}).catch((error) => {
5  console.debug(error);
6});

javascript
1//呼び出し パターン２
2readScript().then((value) => {
3  console.debug(value);
4});

行動規範の内容に同意します

回答1件

ベストアンサー

Promiseのrejectはtry~catchではなく単にcatchでエラーを受けるのでは？

成功

javascript
1new Promise(function(resolve,reject){
2  setTimeout(function(){return resolve()},1000);
3}).then(function(){
4  console.log("end");
5}).catch(function(){
6  console.log("err");
7});
8console.log("fin");

失敗

javascript
1new Promise(function(resolve,reject){
2  setTimeout(function(){return reject()},1000);
3}).then(function(){
4  console.log("end");
5}).catch(function(){
6  console.log("err");
7});
8console.log("fin");