Išsamus vadovas apie datos objektą „TypeScript“.

Issamus Vadovas Apie Datos Objekta Typescript



„TypeScript“ yra „JavaScript“ superrinkinys, aprūpintas visomis „JavaScript“ funkcijomis ir naujomis. Jame yra beveik visi integruoti JavaScript metodai ir savybės įvairioms funkcijoms atlikti. Visų šių metodų, savybių ir objektų veikimas yra vienodas „TypeScript“. Taigi, vartotojas gali naudoti bet kurį „JavaScript“ objektą kaip „TypeScript“ objektą pagal reikalavimus.

Šis įrašas iliustruoja Date objekto paskirtį, naudojimą ir praktinį įgyvendinimą „TypeScript“.

Kas yra datos objektas „TypeScript“?

Data “ objektas žymi datą ir laiką. Šis objektas pagal numatytuosius nustatymus spausdina vietinės sistemos datą ir laiką. Tai taip pat leidžia vartotojams iš anksto nustatytais metodais nustatyti konkrečią jūsų sistemos datą ir laiką (įskaitant laiko juostą).





Sintaksė



leisk pasimatymą = naujas Data ( yyyy, mm, dd )

Aukščiau pateiktoje sintaksėje raktinis žodis „naujas“ sukuria objektą „Data“ pagal nurodytą datos formatą (yyyy (metai), mm (mėnuo), dd (data)).



Pradėkime nuo „Datos“ objekto sukūrimo.





Kaip sukurti datos objektą „TypeScript“?

Data “ yra dinaminis objektas, kurį galima įgyvendinti įvairiais būdais, norint gauti datą ir laiką pagal poreikį. Šiame skyriuje pateikiami visi galimi būdai sukurti objektą „Data“, kad būtų gauta nurodyta data ir laikas.

Pereikime prie pirmojo metodo.



1 būdas: nauja data ()

Pagal numatytuosius nustatymus, jei „Date()“ konstruktoriuje neperduodama jokia reikšmė, jis grąžina vartotojo sistemos datą ir laiką:

leisk pasimatymą = naujas Data ( ) ;

konsolė. žurnalas ( 'Data =' + data ) ;

Aukščiau pateiktame kode:

  • data ' kintamasis sukuria ' Data “ objektą naudojant „naujas“ raktinį žodį ir konstruktorių „Data()“.
  • console.log() “ metodas rodo „datos“ kintamojo reikšmę, ty dabartinę datą ir laiką su nurodytu teiginiu.

Išvestis

Surinkite ' .ts “ failą naudodami „tsc“ kompiliatorių ir paleiskite sugeneruotą kompiliuotą failą su „ .js “ plėtinys naudojant komandą „node“:

tsc pagrindinis. ts

mazgas pagrindinis. js

Čia terminalas rodo vartotojo sistemos datą ir laiką bei laiko juostą.

2 būdas: nauja data (milisekundėmis)

„Nauja data (milisekundės)“ sukuria datos objektą, kuris apskaičiuoja datą ir laiką nuo „0“ iki nurodytų milisekundžių skaičiaus:

leisk pasimatymą = naujas Data ( 6112346789 ) ;

konsolė. žurnalas ( 'Data =' + data ) ;

Čia konstruktorius kaip parametrą nurodo milisekundžių skaičių.

Išvestis

mazgas pagrindinis. js

Aukščiau rodoma data ir laikas yra nuo „0“ iki „6112346789“ milisekundžių.

3 būdas: nauja data („pasimatymo susitikimas“)

Šis metodas paima nurodytą datą „yy-mm-dd“ formatu kaip eilutę ir parodo ją kaip naują datą:

leisk pasimatymą = naujas Data ( '2016-02-18' ) ;

konsolė. žurnalas ( 'Data =' + data ) ;

Čia objektas „Data“ paima nurodytą datą kaip eilutę, įterptą į dvigubas kabutes.

Išvestis

mazgas pagrindinis. js

Terminalas rodo naujai sukurtą Datos objektą.

4 būdas: nauja data (metai, mėnuo, data, valanda, minutė, sekundė, milisekundė):

Paskutinis metodas leidžia vartotojams sukurti naują datos objektą pagal nurodytą datą ir laiką pagal formatą „(yy, mm, dd, hh, min, sec, milisekundės)“:

leisk pasimatymą = naujas Data ( 2015 m , 3 , 2 , 14 , dvidešimt , 30 , 9 ) ;

konsolė. žurnalas ( 'Data =' + data ) ;

Aukščiau pateiktame kode data ir laikas nurodomi pagal nurodytą formatą.

Išvestis

mazgas pagrindinis. js

Išvestis sukuria naują objektą, rodantį nurodytą datą ir laiką pagal nurodytą formatą.

Kokie yra datos objekto metodai ir savybės „TypeScript“?

Data “ objektas turi daugybę metodų ir savybių, kurios išvardytos toliau:

Datos objekto savybės

prototipas Tai padeda prie Datos objekto pridėti savybių ir metodų.
konstruktorius Jis naudojamas kaip funkcija, kurianti objekto prototipą.

Gaukite ir nustatykite datos objekto metodus

gauti mėnesį () Jis grąžina datoje nurodytą mėnesį pagal vietinę datą.
gautiFullYear() Jis rodo nurodytus metus pagal vietos laiką.
getMinutes () Jame nurodomos minutės nuo konkrečios datos.
get Milliseconds () Jame pateikiamos milisekundės nuo nurodytos datos.
getSeconds () Nurodomas sekundžių skaičius pagal nurodytą datą.
setDate() Jis nustato konkrečios datos mėnesio dieną / datą pagal vietos laiką.
setHours() Jame nurodomos norimos datos valandos.
setMinutes () Jame nustatomos nurodytos datos minutės.
setSeconds() Jis nustato sekundžių skaičių pagal vietos laiką.
setYear () Pagal vietos laiką nustatomi būtini metai.

Norėdami gauti daugiau metodų, sekite pateiktą mokymo programą ' Data Metodų nuoroda “.

Kaip naudoti datos objektą „TypeScript“?

Kaip aukščiau pateiktas skyrius apibrėžia objekto metodų „Data“ sąrašą. Panaudokime objektą Data su šiais metodais, kad paaiškintume jo praktinį įgyvendinimą.

1 pavyzdys: nustatykite konkrečią datą, mėnesį ir metus

Šiame pavyzdyje nurodytai datai nustatyti naudojami objektai „Date“ „setdate()“, „setMonth()“ ir „setFullYear()“.

Kodas

Nukopijuokite šias kodo eilutes į „.ts“ failą:

leisk pasimatymą : Data = naujas Data ( ) ;

data. setDate ( 5 ) ;

data. nustatytas mėnuo ( vienuolika ) ;

data. nustatytiFullYear ( 2014 m ) ;

konsolė. žurnalas ( 'Metai =' + data. gautiFullYear ( ) ) ;

konsolė. žurnalas ( 'Data =' + data. getDate ( ) ) ;

konsolė. žurnalas ( 'Mėnuo =' + data. gauti mėnesį ( ) )

konsolė. žurnalas ( 'Nauja data =' + data ) ;

Aukščiau pateiktose kodo eilutėse:

  • Pirmiausia sukurkite „ Data “ objektą naudodami raktinį žodį „new“ ir konstruktorių „Data()“, saugomus „data“ kintamajame.
  • Tada susiekite „datos“ kintamąjį su nurodytais metodais po vieną. „ setDate() “ metodas nustato mėnesio datą, „ setMonth() “ nustato mėnesį, o „ setFullYear() “ metodas nustato metus.
  • Po to parodykite naują datą naudodami „console.log()“ metodą naudodami „ gautiFullYear() “, „ getDate () “ ir „ gauti mėnesį () “ metodai.

Išvestis

mazgas pagrindinis. js

Išvestyje matyti, kad objektas Date grąžina naujai nustatytą datą, mėnesį ir metus.

2 pavyzdys: nustatykite konkrečias valandas, minutes ir sekundes

Šiame pavyzdyje norimam laikui nustatyti naudojami Date objekto metodai „setHours()“, „setMinutes()“ ir „setSeconds()“:

leisk pasimatymą : Data = naujas Data ( ) ;

data. setHours ( 8 ) ;

data. nustatyti Minutes ( 12 ) ;

data. setSeconds ( dvidešimt ) ;

konsolė. žurnalas ( 'valandos =' + data. getHours ( ) ) ;

konsolė. žurnalas ( 'Minutės =' + data. getMinutes ( ) ) ;

konsolė. žurnalas ( 'Sekundės =' + data. getSeconds ( ) ) ;

konsolė. žurnalas ( 'Data ir laikas =' + data ) ;

Pagal aukščiau pateiktą kodo fragmentą:

  • setHours() “ metodas nustato valandų skaičių, “ setMinutes () “ nustato minutes ir “ setSeconds() “ metodas nustato atitinkamai sekundžių skaičių.
  • getHours () “, „ getMinutes () “ ir „ getSeconds () “ metodai grąžina naujai nustatytas valandas, minutes ir sekundes kaip laiką.

Išvestis

mazgas pagrindinis. js

Išvestis rodo naują laiką, nustatytą naudojant datos objekto metodus.

3 pavyzdys: Gaukite dabartinę datą ir laiką naudodami lokalių konvencijas

Šiame pavyzdyje naudojamas metodas „toLocaleString()“, kad dabartinė data ir laikas būtų rodomi kaip vietinis susitarimas:

leisk pasimatymą = naujas Data ( ) ;

konsolė. žurnalas ( 'Data ir laikas =' + data. toLocaleString ( ) ) ;

Aukščiau pateiktose kodo eilutėse susiekite metodą „toLocaleString()“ su kintamuoju, kad grąžintumėte eilutę su kalba jautria dabartinės datos reprezentacija.

Išvestis

mazgas pagrindinis. js

Kaip matote, išvestis rodo dabartinę datą ir laiką, naudojant vietinę konvenciją.

4 pavyzdys: grąžinimo datos objekto pirminė reikšmė

Šis pavyzdys taikomas „ vertė() “ metodas grąžinti datos objektą kaip primityvią reikšmę:

leisk pasimatymą = naujas Data ( ) ;

konsolė. žurnalas ( 'Data ir laikas =' + data. vertė ( ) ) ;

Aukščiau pateiktame kodo fragmente „ vertė() “ metodas grąžina datos objekto išvestį milisekundėmis nuo vidurnakčio „1970 m. sausio 1 d., UTC“.

Išvestis

mazgas pagrindinis. js

Čia rezultatai grąžina datos objektą kaip primityvią reikšmę.

Išvada

„TypeScript“ Data “ objektas atitinka vietinės sistemos datą ir laiką. Šis objektas gali būti sukurtas norint parodyti norimą išvestį, naudojant aptartus keturis integruotus metodus. Be to, jame taip pat pateikiamas sąrašas metodų, kuriuos galima taikyti norint nustatyti ir gauti datą ir laiką pagal reikalavimus. Šis įrašas išsamiai iliustravo Date objekto paskirtį, naudojimą ir praktinį įgyvendinimą „TypeScript“.