非同期な自動再試行をネイティブのPromiseを用いて実装 #JavaScript

…できてるのかどうか分からないんだけど、用途を絞っちゃう場合はこんな感じでいいの？

3000ミリ秒後にコンソールに出力される例

<!DOCTYPE html>
<html>
    <head>
        <script>
            var RetryableQuerySelector = function self(selector, maxRetries, delay) {
                return new Promise(function (resolve) {
                    var element = document.querySelector(selector);
                    if (element) {
                        resolve(element);
                    } else if (maxRetries-- > 0) {
                        setTimeout(function () {
                            self(selector, maxRetries, delay).then(function (element) {
                                return resolve(element);
                            });
                        }, delay);
                    } else {
                        console.error('Failed to select: ' + selector);
                    }
                });
            };
            RetryableQuerySelector('div', 5, 1000).then(function (element) {
                console.log(element);
            });
            setTimeout(function () {
                document.body.appendChild(document.createElement('div'));
            }, 3000);
        </script>
    </head>
    <body>
    </body>
</html>

もっと一般的な実装の仕方がよく分からないので、詳しい方おられましたらコメントや編集リクエストお願いします…

↓

書きました

【Promise】再施行出来るPromise (Retmise)