ဖြေရှင်းထားသည်- url ကန့်သတ်ချက်များကို ဖတ်ပါ။

နိဒါန္း

ခေတ်ပြိုင်ဒစ်ဂျစ်တယ်အခင်းအကျင်းတွင်၊ ခွဲခြမ်းစိတ်ဖြာမှုအားကိုးကား၍ အရင်းအမြစ်အချက်အလက်များကို ခြေရာခံရန် ခွင့်ပြုသောကြောင့် URL ဘောင်များသည် အရေးကြီးပါသည်။ ထို့အပြင်၊ ၎င်းတို့သည် အသုံးပြုသူတိုင်းအတွက် အတွေ့အကြုံများကို စိတ်ကြိုက်ပြင်ဆင်နိုင်စေရန် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများကို ပံ့ပိုးပေးထားသည်။ အခြေခံအားဖြင့်၊ URL ကန့်သတ်ချက်များသည် ဝဘ်ကဲ့သို့ နိုင်ငံမဲ့ပတ်ဝန်းကျင်တွင် ပြည်နယ်များကို သိမ်းဆည်းရန် နည်းလမ်းတစ်ခုဖြစ်သည်။ JavaScript ၏ ပြင်းပြင်းထန်ထန် ရိုက်နှိပ်ထားသော စူပါဆက်ဖြစ်သည့် TypeScript တွင် URL ကန့်သတ်ချက်များဖြင့် အလုပ်လုပ်ခြင်းသည် ဆော့ဖ်ဝဲရေးသားသူများအား အမျိုးအစားအားလုံးကို compile-အချိန်အတွင်း စစ်ဆေးကြောင်းသိ၍ ဘေးကင်းပြီး အသံထွက်အောင် လုပ်ဆောင်နိုင်စေပါသည်။

TypeScript တွင် URL ကန့်သတ်ချက်များကိုဖတ်ခြင်း။

TypeScript ကိုအသုံးပြုခြင်းဖြင့် URL ဘောင်များကို မျှမျှတတ ရိုးရိုးရှင်းရှင်းနှင့် တိုက်ရိုက်ခွဲခြားနိုင်သည်။ ဤတာဝန်ကို အကောင်အထည်ဖော်ရာတွင် အခြေခံကျသော တည်ဆောက်မှုပိတ်ဆို့သည် ကျွန်ုပ်တို့၏မျှော်လင့်ထားသော URL ဘောင်များသည် မည်သို့မည်ပုံရှိမည်ကို သတ်မှတ်ရန် အင်တာဖေ့စ်ကို အသုံးပြုထားသည်။

interface UrlParameters {
  parameter1?: string;
  parameter2?: number;
  parameter3?: string;
}

URLSearchParamsbuilt-in browser API သည် URL ကန့်သတ်ချက်များကိုဖတ်သောအခါတွင် အဆင်ပြေပါသည်။ ဒါကို ထပ်ပြီးလေ့လာကြည့်ရအောင်။

ဖြေရှင်းချက်- ကယ်တင်ရန်အတွက် URL Search Params

URLSearchParams ဖြင့်၊ ကျွန်ုပ်တို့သည် URL မှ ကန့်သတ်ချက်များကို ဖတ်နိုင်သည်။ URL ၏ query-string အပိုင်းကို ၎င်း၏ constructor သို့ ပေးပို့ခြင်းဖြင့် ဤအတန်း၏ နမူနာအသစ်တစ်ခုကို ဖန်တီးပါသည်။

const urlParameters: UrlParameters = {};
const params = new URLSearchParams(window.location.search);
for (let param of params) {
  urlParameters[param[0]] = param[1];
}

အထက်ပါ ကုဒ်တွင်၊ လက်ရှိ စာမျက်နှာ၏ URL ဘောင်များကို အသုံးပြု၍ အသစ်သော URLSearchParams အရာဝတ္ထုကို ဖန်တီးထားသည်။ ထို့နောက် ဤဘောင်များကို ကွင်းဆက်ပြီး ကျွန်ုပ်တို့၏ UrlParameters အရာဝတ္တုထဲသို့ ပေါင်းထည့်ပါသည်။ ကြီးမြတ်သောအရာမှာ URLSearchParams သည် TypeScript ၏ပြင်းထန်သောစာရိုက်ခြင်းအင်္ဂါရပ်များနှင့်ချောမွေ့စွာအလုပ်လုပ်သည်။

Code ၏ အဆင့်ဆင့် ရှင်းလင်းချက်

ပထမအဆင့်တွင်၊ URL ကန့်သတ်ချက်များအတွက် အင်တာဖေ့စ်တစ်ခုကို ကျွန်ုပ်တို့သတ်မှတ်သည်။ သော့များနောက်မှ မေးခွန်းအမှတ်အသားသည် ဤကန့်သတ်ချက်များသည် ရွေးချယ်နိုင်သည်ဟု ဆိုလိုသည်။

• ထို့နောက်၊ ကျွန်ုပ်တို့သည် URLSearchParams ၏ဥပမာအသစ်တစ်ခုကိုဖန်တီးရန် ဆက်လက်လုပ်ဆောင်ပြီး URL ဘောင်များကို (window.location.search မှရရှိသော) တည်ဆောက်သူထံပေးပို့ပါသည်။ ၎င်းသည် ကန့်သတ်ချက်များကို ခွဲခြမ်းစိတ်ဖြာခြင်းလုပ်ငန်းစဉ်ကို အလိုအလျောက်လုပ်ဆောင်ပေးမည်ဖြစ်သည်။
• ၎င်းကိုလုပ်ဆောင်ပြီးနောက်၊ for..of loop တစ်ခုသည် URLSearchParams အရာဝတ္တုပေါ်တွင် စတင်လုပ်ဆောင်ပါသည်။ ပါရာမီတာတစ်ခုစီနှင့် ၎င်း၏တန်ဖိုးကို ကျွန်ုပ်တို့၏ UrlParameters အရာဝတ္တုတွင် ထည့်သွင်းထားသည်။

ဤနည်းအားဖြင့်၊ ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ကုဒ်တစ်လျှောက်ရှိ ကန့်သတ်ချက်များကို စနစ်တကျနှင့် အမျိုးအစား-ဘေးကင်းသောပုံစံဖြင့် အသုံးပြုနိုင်သည်။

URL ကန့်သတ်ချက်များကို ကိုင်တွယ်ရန် အပိုဒစ်ဂျစ်တိုက်များ

JavaScript နှင့် TypeScript သည် URL ကန့်သတ်ချက်များကို ကိုင်တွယ်ရန် built-in နည်းလမ်းများကို ပံ့ပိုးပေးသော်လည်း၊ ထိုကဲ့သို့သော စာကြည့်တိုက်များရှိပါသည်။ query-string or js-url ပိုမိုကျယ်ပြန့်သော ခွဲခြမ်းစိတ်ဖြာမှု ရွေးချယ်မှုများကို ပေးဆောင်သည်။ ဤစာကြည့်တိုက်များသည် url ကန့်သတ်ချက်များကို ပိုမိုပြည့်စုံစွာ ခွဲခြမ်းစိတ်ဖြာရန်၊ ခွဲခြမ်းစိတ်ဖြာရန်၊ ထုတ်ယူရန် သို့မဟုတ် ကိုင်တွယ်ဖြေရှင်းရန် နည်းလမ်းများကို ပံ့ပိုးပေးပါသည်။

TypeScript ၏ အမျိုးအစားဘေးကင်းမှုဖြင့် URL ဘောင်များကို ချိတ်ဆက်ခြင်းသည် ပိုမိုလုံခြုံသော၊ အတိုင်းအတာနှင့် ထိန်းသိမ်းနိုင်သောကုဒ်ကို ရရှိစေပါသည်။ ဤနည်းလမ်းသည် စက်ရှင်တစ်ခုစီအတွက် စိတ်ကြိုက်ပြင်ဆင်နိုင်သော ပိုမိုချောမွေ့သော အသုံးပြုသူအတွေ့အကြုံကို ဘာသာပြန်ပေးပါသည်။ ၎င်းသည် သင့်ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှုခရီးလမ်းတွင် သင့်အား ပံ့ပိုးပေးသည့် "စူပါပါဝါများ" TypeScript ဖြစ်သည်။