+---

+title: Promise.prototype.finally()

+slug: Web/JavaScript/Reference/Global_Objects/Promise/finally

+translation_of: Web/JavaScript/Reference/Global_Objects/Promise/finally

+---

+<div>{{JSRef}}</div>

+

+<p><code><strong>finally()</strong></code> 메소드는 {{jsxref("Promise")}} 객체를 반환합니다. Promise가 처리되면 충족되거나 거부되는지 여부에 관계없이 지정된 콜백 함수가 실행됩니다. 이것은 Promise가 성공적으로 수행 되었는지 거절되었는지에 관계없이 <code>Promise</code>가 처리 된 후에 코드가 무조건 한 번은 실행되는 것을 제공합니다.</p>

+

+<p>이것은 Promise의 {{jsxref("Promise.then", "then()")}}과 {{jsxref("Promise.catch", "catch()")}} 핸들러에서의 코드 중복을 피하게 합니다.</p>

+

+<h2 id="문법">문법</h2>

+

+<pre class="syntaxbox"><var>p.finally(onFinally)</var>;

+

+p.finally(function() {

+ // settled (fulfilled or rejected)

+});

+</pre>

+

+<h3 id="Parameters">Parameters</h3>

+

+<dl>

+ <dt><code>onFinally</code></dt>

+ <dd><code>Promise</code>가 처리된 후 {{jsxref("Function")}} 이 호출됩니다.</dd>

+</dl>

+

+<h3 id="Return_value">Return value</h3>

+

+<p><code>finally</code> 핸들러는 <code>onFinally</code> 라는 지정된 함수의 {{jsxref("Promise")}}가 반환됩니다.</p>

+

+<h2 id="설명">설명</h2>

+

+<p> </p>

+

+<p><code>finally()</code> 메서드는 결과에 관계없이 promise가 처리되면 무언가를 프로세싱 또는 정리를 수행하려는 경우에 유용합니다.</p>

+

+<p><code>finally()</code> 메서드는 <code>.then(onFinally, onFinally)</code> 를 호출하는 것과 매우 비슷하지만 몇 가지 차이점이 있습니다:</p>

+

+<p> </p>

+

+<ul>

+ <li>함수를 인라인으로 만들 때, 두 번 선언해야 하지 않고 한 번만 전달하거나 그것을 위한 변수를 만들 수 있습니다.</li>

+ <li><code>finally</code> 콜백은 어떠한 인수도 전달받지 않습니다, 왜냐하면 promise가 이행되었는지 또는 거부되었는지를 판단할 수 없기 때문입니다.  promise의 왜 거부되었는지 또는 이행되었을때 반환되는 값이 필요하지 않거나 제공할 필요가 없을 때 활용합니다.</li>

+ <li>Promise.reject (3) .finally (() =&gt; {}) Promise.reject (3) .finally (() =&gt; {}) (약속 안 함) )는 3으로 거부됩니다.</li>

+ <li><code>Promise.resolve(2).then(() =&gt; {}, () =&gt; {})</code>(<code>undefined</code>로 해결될) 와 달리, <code>Promise.resolve(2).finally(() =&gt; {})</code> 는 값 <code>2</code>로 해결됩니다.</li>

+ <li>유사하게 <code>Promise.reject(3).then(() =&gt; {}, () =&gt; {})</code> (<code>undefined</code>로 거부될)와는 달리 <code>Promise.reject(3).finally(() =&gt; {})</code> 는 값 <code>3</code>로 거부됩니다.</li>

+</ul>

+

+<div class="note">

+<p><strong>Note:</strong>  <code>finally</code> 콜백에서 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5); font-size: 16px;">throw</span></font> (또는 거부된 promise를 반환)하면 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5); font-size: 16px;">throw()</span></font>를 호출 할 때 지정된 거부 이유로 새롭게 만들어진 promise를 반환합니다.</p>

+</div>

+

+<h2 id="예제">예제</h2>

+

+<pre class="brush: js">let isLoading = true;

+

+fetch(myRequest).then(function(response) {

+ var contentType = response.headers.get("content-type");

+ if(contentType &amp;&amp; contentType.includes("application/json")) {

+ return response.json();

+ }

+ throw new TypeError("Oops, we haven't got JSON!");

+ })

+ .then(function(json) { /* process your JSON further */ })

+ .catch(function(error) { console.log(error); })

+ .finally(function() { isLoading = false; });

+

+</pre>

+

+<h2 id="명세">명세</h2>

+

+<table class="standard-table">

+ <tbody>

+ <tr>

+ <th scope="col">Specification</th>

+ <th scope="col">Status</th>

+ <th scope="col">Comment</th>

+ </tr>

+ <tr>

+ <td><a href="https://github.com/tc39/proposal-promise-finally">TC39 proposal</a></td>

+ <td>Stage 4</td>

+ <td> </td>

+ </tr>

+ </tbody>

+</table>

+

+<h2 id="브라우저_호환성">브라우저 호환성</h2>

+

+<p class="hidden">To contribute to this compatibility data, please write a pull request against this repository: <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</p>

+

+<p>{{Compat("javascript.builtins.Promise.finally")}}</p>

+

+<h2 id="더보기">더보기</h2>

+

+<ul>

+ <li>{{jsxref("Promise")}}</li>

+ <li>{{jsxref("Promise.prototype.then()")}}</li>

+ <li>{{jsxref("Promise.prototype.catch()")}}</li>

+</ul>