JS에서 웹 API란 무엇입니까?

Web API는 브라우저의 기능을 향상시켜 고유한 종류의 브라우저를 보다 효율적이고 친숙하게 만드는 데 도움이 되는 궁극적인 개발자 목표입니다.
가장 복잡한 기능과 가독성은 API를 사용하여 단순화하여 관리할 수 있습니다.
복잡한 코드에서 작업하는 작업이었기 때문에 쉬운 구문을 고려할 수 있습니다.

API?
API는 응용 프로그래밍 인터페이스의 약자입니다.
언급된 바와 같이 웹, 브라우저 또는 서버의 일부로 간주될 수 있으며 웹 브라우저에 기능을 제공할 수 있습니다.

A Web API is an application programming interface for the Web.

A Browser API can extend the functionality of a web browser.

A Server API can extend the functionality of a web server.

타사 API
타사 API는 브라우저에 내장되어 있지 않습니다. 이들은 또한 확장으로 사용되며 API를 지원하는 이미 존재하는 플랫폼의 웹에서 다운로드할 수 있습니다.

이러한 API를 사용하려면 웹에서 코드를 다운로드해야 합니다.

예:

YouTube API - Allows you to display videos on a web site.
Twitter API - Allows you to display Tweets on a web site.
Facebook API - Allows you to display Facebook info on a web site.

파일에서 API를 가져오려면
아래에 주어진 예를 통해 이를 확인할 수 있습니다.

Fetch API 예제
아래 예에서는 파일을 가져와서 내용을 표시합니다.

예시:

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

Fetch는 async 및 await를 기반으로 하므로 위의 예가 다음과 같이 이해하기 더 쉬울 수 있습니다.

예시:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

또는 더 나은 방법: x 및 y 대신 이해할 수 있는 이름을 사용하십시오.

예시:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

우리는 또한 우리 자신의 기록에서 API를 추가할 수 있습니다!

Web History API는 windows.history 개체에 액세스하는 쉬운 방법을 제공합니다.
window.history 개체는 사용자가 방문한 URL(웹 사이트)을 포함합니다.

History back() 메서드

back() 메서드는 windows.history 목록의 이전 URL을 로드합니다.

브라우저의 "뒤로 화살표"도 대안으로 사용할 수 있습니다.

예시:

<button onclick="myFunction()">Go Back</button>

<script>
function myFunction() {
  window.history.back();
}
</script>