टाइपस्क्रिप्ट लिखने के बिना जावास्क्रिप्ट में टाइपस्क्रिप्ट का उपयोग करना

काम के माहौल को स्थापित करना

1 विकल्प संख्या 1। वीएस कोड सेटिंग्स (ग्लोबल वैलिडेशन)

"javascript.implicitProjectConfig.checkJs": true

Ptionओक्शन नंबर 2। Jsconfig.json फ़ाइल (वैश्विक मान्यता) का उपयोग करना

{
  "compilerOptions": {
    "checkJs": true
  }
}

3 विकल्प संख्या 3। व्यक्तिगत फ़ाइलों के लिए सत्यापन सक्षम करें

// @ts-check
let itsAsEasyAs = 'abc';
itsAsEasyAs = 123; // Error: Type '123' is not assignable to type 'string'

// @ts-nocheck
let easy = 'abc';
easy = 123; //  

let easy = 'abc';
// @ts-ignore
easy = 123; //  

JSDoc का उपयोग करके कोड टाइपिंग

▍ कार्यों का पूरा करना

/**
 * @param {number} shippingVal
 */
updateShipping(shippingVal) {
    ...
}

/**
* @typedef {Object} CreditNoteTaxResponseViewModel
* @property {number} feeAmount
* @property {number} inclGst
* @property {number} subTotal
* @property {number} total
*
* @typedef {Object} ApiResponse
* @property {string} status
* @property {string} message
* @property {CreditNoteTaxResponseViewModel} response
*/

/**
                * @param {CreditNoteTaxRequestViewModel} req
                * @returns {Promise<ApiResponse>}
                */
                createCreditNoteTaxApiCall(req) {
        ...
                }

export interface ICreditNoteTaxRequestViewModel{
    orderID: number;
    shippingCredit: number;
    lines: IICreditNoteTaxLineViewModel[]
}

export interface ICreditNoteTaxLineViewModel{
    originalOrderLineID:number;
    creditQuantity: number;
}

export interface ICreditNoteTaxResponseViewModel{
    feeAmount: number;
    inclGst: number;
    subTotal: number;
    total: number;
}

export interface IApiResponse{
    status: string;
    status: message;
    response: ICreditNoteTaxResponseViewModel;
}

/**
   * @param {import("./main").ICreditNoteTaxRequestViewModel} req
   * @returns {Promise<import("./main").IApiResponse>}
   */
  function createCreditNoteTaxApiCall(req) {
    ///  
    return;
  }

▍ नियमित कोड का उपयोग

Of पुस्तकालयों का पूर्णीकरण

{
  "typeAcquisition": {
    "include": ["jquery"]
  }
}

/**
 * @param {JQuery<HTMLElement>} $itemRow
 */
initRow($itemRow) {
    ...
}

टाइपस्क्रिप्ट पर स्विच करना

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": true
  }
}

सारांश