W tym przewodniku omówiono różnicę między metodami decodeURIComponent() i decodeURI().
Najpierw spójrz na podstawy dekodujURIComponent() i dekodowaćURI metody
zanim przejdziemy do różnic.
Jaka jest różnica między metodami „decodeURIComponent()” i „decodeURI()” w JavaScript?
W tej sekcji przedstawiono istotne różnice między metodami „decodeURIComponent()” i „decodeURI()”:
Warunki | dekodujURIComponent() | dekodowaćURI() |
Stosowanie | Funkcja „decodeURIComponent()” służy do dekodowania składników identyfikatora URI zakodowanego metodą „encodeURIComponent()”. | Funkcja „decodeURI()” służy do dekodowania pełnego identyfikatora URI zakodowanego za pomocą metody „encodeURI”. |
Parametry | Funkcja „decodeURIComponent()” wymaga „zakodowanego” identyfikatora URI metodą „encodeURIComponent()” jako obowiązkowego parametru do dekodowania. | „decodeURI()” wymaga „zakodowanego” URI za pomocą metody „encodeURI()” jako podstawowego parametru do przeprowadzenia operacji dekodowania. |
Ograniczenie | Funkcja „decodeURIComponent()” dekoduje tylko część identyfikatora URI znajdującą się pomiędzy znakami „; /? : @ & = + $, #” separatory. Traktuje te znaki jako tekst, a nie znaki specjalne. | Funkcja „decodeURIComponent()” dekoduje pełny identyfikator URI. |
Teraz przyjrzyj się stwierdzonym różnicom w praktyce.
Różnica 1: Stosowanie metod „decodeURIComponent()” i „decodeURI()” w oparciu o „wykorzystanie”
Zgodnie z pierwszą różnicą metoda „decodeURIComponent()” dekoduje zakodowany ciąg znaków metodą „encodeURIComponent()”, a metoda „decodeURI()” dekoduje zakodowany ciąg znaków metodą „encodedURI()”.
Kod JavaScript
< scenariusz >var uri = „%3B%2C%41%3F%3A%41%26%3D”
var zakodowany_URI = koduj komponent URI ( typ ) ;
konsola. dziennik ( „Wyjście(dekodowanieURIComponent()):” + dekoduj komponent URI ( typ ) )
var zakodowany_uri = kodujURI ( typ ) ;
konsola. dziennik ( „Zdekodowany identyfikator URI:” + dekodowaćURI ( zakodowany_uri ) ) ;
scenariusz >
W powyższym fragmencie kodu:
- Zmienna „uri” inicjuje URI (Uniform Resource Identifier).
- Zmienna „encoded_URI” stosuje „ zakodujURIComponent() ” w celu zakodowania przekazanego „uri” jako parametru.
- Następnie metoda „console.log()” wykorzystuje metodę „ dekodujURIComponent() ”, aby zdekodować ostatnio zakodowany ciąg, a następnie wyświetlić go w konsoli.
- Następnie „ dekodowaćURI() ” dekoduje zakodowany URI poprzez „ kodujURI() ” określoną w zmiennej „encoded_uri”.
Wyjście
Widać, że konsola pokazuje zdekodowane identyfikatory URI przy użyciu metod „decodeURIComponent()” i „decodeURI()”
Różnica 2: Stosowanie metod „decodeURIComponent()” i „decodeURI()” w oparciu o „parametry”
W „Różnicy 1” widać wyraźnie, że „decodeURIComponent()” akceptuje zakodowany URI za pomocą metody „encodeURIComponent()”, a „decodeURI()” działa na zakodowanym URI za pomocą metody „encodeURI()”, jak parametr.
Różnica 3: Stosowanie metod „decodeURIComponent()” i „decodeURI()” w oparciu o „dekodowane znaki”
Trzecią różnicę pomiędzy metodami „decodeURIComponent()” i „decodeURI()” można analizować poprzez dekodowanie określonego identyfikatora URI. Zobaczmy to praktycznie.
Kod JavaScript
< scenariusz >var uri = „@%20&%7F=%3A%41%26%3D”
konsola. dziennik ( 'Wyjście(decodeURIComponent()): ' + dekoduj komponent URI ( typ ) )
konsola. dziennik ( „Wyjście(dekodowanieURI()):” + dekodowaćURI ( typ ) )
scenariusz >
W danej sekcji skryptu:
- Pierwszy ' konsola.log() ” wyświetla zdekodowany identyfikator URI przy użyciu metody „ dekodujURIComponent() ' metoda.
- Druga metoda „console.log()” pokazuje zdekodowany URI za pomocą „ dekodowaćURI() ' metoda.
Wyjście
Konsola wyraźnie pokazuje, że metoda „decodeURIComponent()” dekoduje tylko komponent URI znajdujący się pomiędzy znakami „@ i =', a nie cały identyfikator URI.
Wniosek
JavaScript” dekodujURIComponent() ” i „ dekodowaćURI() Metody różnią się między sobą w zależności od „ stosowanie ”, „ parametry ” i „ ograniczenie czynniki. Główna/istotna różnica między sobą polega na tym, że metoda „decodeURIComponent()” dekoduje komponent URI, podczas gdy metoda „decodeURI()” dekoduje pełny identyfikator URI. W tym przewodniku praktycznie wyjaśniono kluczowe różnice między metodami decodeURIComponent() i decodeURI().