js-current-v1.16.arhtml

<صفحة>
  <رأس>
    <عنوان>واجهات تطبيق JavaScript حديثة</عنوان>
  </رأس>
  <جسم>
    <رئيسي>
      <عنوان_١>واجهات تطبيق JavaScript حديثة</عنوان_١>
      <فقرة>مثال يربط التنقل، المطابقة، التشفير، الأقفال، الحافظة، والتخزين المخبأ في صفحة عربية المصدر.</فقرة>
      <تقسيم معرف="حالة">جاهز</تقسيم>
    </رئيسي>
    <سكربت>
      غير_متزامن دالة جهز_التطبيق() {
        تنقل_المتصفح.اضف_مستمع("تنقل", غير_متزامن دالة (واقعة) {
          إذا (واقعة.يمكن_اعتراضه) {
            واقعة.اعتراض({ معالج: غير_متزامن دالة () {
              وحدة_تحكم.اطبع(واقعة.وجهة.رابط_مدخل);
            } });
          }
        });
        تنقل_المتصفح.تحديث_المدخل_الحالي({ حالة_تنقل: { شاشة: "رئيسية" } });

        ثابت نمط = جديد نمط_الرابط({
          مسار: "/لوحات/:id",
          رابط_أساس: نافذة.موقع.رابط_كامل,
          تجاهل_حالة: صحيح
        });
        ثابت نتيجة = نمط.نفذ_النمط("/لوحات/42");
        إذا (نتيجة) {
          وحدة_تحكم.اطبع(نتيجة.مسار.مجموعات["id"]);
        }

        ثابت حمولة_ثنائية = جديد مرمز_نص().رمز_نص("مرحبا");
        ثابت بصمة = انتظر تشفير_ويب.دقيق.ملخص("SHA-256", حمولة_ثنائية);
        ثابت عشوائي = تشفير_ويب.قيم_عشوائية(جديد مصفوفة_ثمانية_غير_موقعة(16));
        وحدة_تحكم.اطبع(بصمة, عشوائي);

        انتظر ملاح.أقفال.اطلب_قفل("مزامنة", { وضع_قفل: "exclusive" }, غير_متزامن دالة (قفل_حالي) {
          وحدة_تحكم.اطبع(قفل_حالي.اسم_قفل);
        });

        ثابت عنصر = جديد عنصر_حافظة({
          "text/plain": جديد قطعة_ثنائية(["مرحبا"], { نوع_قطعة: "text/plain" })
        });
        انتظر ملاح.حافظة.اكتب_حافظة([عنصر]);

        ثابت مخزن = انتظر مخابئ.افتح_مخبأ("app-v1");
        انتظر مخزن.ضع_مخبأ("/data.json", جديد استجابة("{}"));
        ثابت رد = انتظر مخزن.طابق_مخبأ("/data.json", { تجاهل_بحث: صحيح });
        وحدة_تحكم.اطبع(رد);
      }

      نافذة.اضف_مستمع("كشف_صفحة", دالة () { جهز_التطبيق(); });
    </سكربت>
  </جسم>
</صفحة>