آموزش برنامه نویسی جاوااسکریپت-جلسه سی و هشتم

Js web API

APIهایی که در زبان های مختلف نوشته می شود یک رابطی است برای اتصال برنامه های مختلف به هم. مثلا تلگرام در انواع برنامه ها کار می کند چه ویندوز باشه چه اندروید و یا برنامه های دیگر. بین همه این برنامه ها یک رابطی وجود دارد که داده های ما را به اشتراک می گذارد. به این رابط که داده ها را به برنامه های مختلف می فرسته API می گوییم.

پیشنهاد مطالعه: آموزش رایگان جاوااسکریپت

Browser API

موقعیت ما را مشخص میکنه. در واقع با این API می توانیم به Location دسترسی پیدا کنیم. مثلا اسنپ یا گوگل مپ. این API در سیستم ما تعریف شده است.

const myElement = document.getElementById(“demo”);
function getLocation() {
 if (navigator.geolocation) {
   navigator.geolocation.getCurrentPosition(showPosition);
 } else {
   myElement.innerHTML = “Geolocation is not supported by this browser.”;
 }
}
function showPosition(position) {
 myElement.innerHTML = “Latitude: ” + position.coords.latitude +
 “<br>Longitude: ” + position.coords.longitude;
}

تابع showPosition شامل دو آیتم است که طول و عرض جغرافیایی هستند واز این طریق موقعیت ما را نشان می دهند.

Web forms API

این API بیشتر در inputها استفاده می شود. مثلا فرض کنید داخل یک اینپوت نباید کمتر از 100 عددی وارد کنیم، اگر عدد کم تری وارد کنیم یک پیغام می دهد که عدد وارد شده کمتر از حد محدوده است. برای اینکار از API های

Checkvalidity() و ValidationMessage() استفاده می کنیم.

API های مربوط به History

window.history.back();
window.history.go(-2);

این API برای نشان دادن تاریخچه مرورگر است. در اینجا -2 نشان دهنده ی تعداد مراحل رفتن است.

API های مربوط به Storage

localStorage.setItem(“name”, “John Doe”);
localStorage.getItem(“name”);

برای اینکه یک داده رو در سیستم ذخیره کنیم از این دو API (setItem و getItem) استفاده می کنیم.

برای اینکه setItem و getItem اسم رو ذخیره و برگردونه session می سازه.

sessionStorage.setItem(“name”, “John Doe”);
sessionStorage.getItem(“name”);

sessionStorage.setItem() یک نام و یک مقدار به عنوان پارامتر می گیرد و sessionStorage.getItem()  یک نام به عنوان پارامتر می گیرد.

Web workers API

Web workers یک API است که در background برنامه اجرا میشه و هیچ تاثیری روی عملکرد صفحه ندارد.

Web fetch API

برای اینکه یه سری داده رو واکشی کنیم از این API استفاده می کنیم.

Web Geolocation API

این API هم برای دسترسی به location هست. برای handel کردن خطاها در این حالت از showError(error) با استفاده از دستور سوئیچ استفاده می کنیم. معمولا این خطاها را کاربر نمی بیند و فقط برنامه نویس آن را می بیند.

function showError(error) {
 switch(error.code) {
   case error.PERMISSION_DENIED:
     x.innerHTML = “User denied the request for Geolocation.”
     break;
   case error.POSITION_UNAVAILABLE:
     x.innerHTML = “Location information is unavailable.”
     break;
   case error.TIMEOUT:
     x.innerHTML = “The request to get user location timed out.”
     break;
   case error.UNKNOWN_ERROR:
     x.innerHTML = “An unknown error occurred.”
     break;
 }
}