Den här guiden tar upp skillnaden mellan metoderna decodeURIComponent() och decodeURI().
Först, titta på grunderna i decodeURIConponent() och den avkodaURI metoder
innan de går vidare till deras olikheter.
Vad är skillnaden mellan metoderna 'decodeURIComponent()' och 'decodeURI()' i JavaScript?
Det här avsnittet innehåller de betydande skillnaderna mellan metoderna 'decodeURIComponent()' och 'decodeURI()':
| Villkor | decodeURIConponent() | decodeURI() |
| Användande | 'decodeURIComponent()' används för att avkoda komponenterna i URI:n som kodas med metoden 'encodeURIComponent()'. | 'decodeURI()' används för att avkoda hela URI som kodats med hjälp av metoden 'encodeURI'. |
| Parametrar | 'decodeURIComponent()' kräver en 'kodad' URI med metoden 'encodeURIComponent()' som den obligatoriska parametern för avkodning. | 'decodeURI()' behöver en 'kodad' URI genom metoden 'encodeURI()' som dess väsentliga parameter för att utföra en avkodningsoperation. |
| Begränsning | 'decodeURIComponent()' avkodar endast den del av URI:n som ligger mellan '; / ? : @ & = + $ , #” avgränsare. Den behandlar dessa tecken som text, inte specialtecken. | 'decodeURIComponent()' avkodar hela URI:n. |
Se nu de angivna skillnaderna i praktiken.
Skillnad 1: Tillämpning av metoderna 'decodeURIComponent()' och 'decodeURI()' baserade på 'Användning'
Enligt den första skillnaden avkodar metoden 'decodeURIComponent()' den kodade strängen via metoden 'encodeURIComponent()' och 'decodeURI()' avkodar den kodade strängen genom metoden 'encodedURI()'.
JavaScript-kod
< manus >var uri = '%3B%2C%41%3F%3A%41%26%3D'
var encoded_URI = encodeURIConponent ( typ ) ;
trösta. logga ( 'Output(decodeURIComponent()):' + decodeURIConponent ( typ ) )
var encoded_uri = kodaURI ( typ ) ;
trösta. logga ( 'Avkodad URI:' + avkodaURI ( kodad_uri ) ) ;
manus >
I kodavsnittet ovan:
- Variabeln 'uri' initierar en URI (Uniform Resource Identifier).
- Variabeln 'encoded_URI' tillämpar ' encodeURIConponent() ”-metoden för att koda den skickade ”uri” som dess parameter.
- Därefter använder metoden 'console.log()' ' decodeURIConponent() ”-metoden för att avkoda den nyligen kodade strängen och sedan visa den i konsolen.
- Efter det kommer ' decodeURI() ”-metoden avkodar den kodade URI:n genom ” encodeURI() ” metod specificerad i variabeln ”encoded_uri”.
Produktion
Det kan ses att konsolen visar de avkodade URI:erna med metoderna 'decodeURIComponent()' och 'decodeURI()'
Skillnad 2: Tillämpning av metoderna 'decodeURIComponent()' och 'decodeURI()' baserade på 'parametrar'
Det kan tydligt ses i 'Skillnad 1' att 'decodeURIComponent()' accepterar den kodade URIn via metoden 'encodeURIComponent()' och 'decodeURI()' fungerar på den kodade URIn via metoden 'encodeURI()' som en parameter.
Skillnad 3: Tillämpning av metoderna 'decodeURIComponent()' och 'decodeURI()' baserade på 'Decoded Characters'
Den tredje skillnaden mellan metoderna 'decodeURIComponent()' och 'decodeURI()' kan analyseras genom att avkoda den specifika URI:en. Låt oss se det praktiskt.
JavaScript-kod
< manus >var uri = '@%20&%7F=%3A%41%26%3D'
trösta. logga ( 'Output(decodeURIComponent()): ' + decodeURIConponent ( typ ) )
trösta. logga ( 'Output(decodeURI()): ' + avkodaURI ( typ ) )
manus >
I det givna skriptavsnittet:
- Den första ' console.log() ”-metoden visar avkodad URI med hjälp av ” decodeURIConponent() 'metoden.
- Den andra metoden 'console.log()' visar den avkodade URI:n med hjälp av ' decodeURI() 'metoden.
Produktion
Konsolen visar tydligt att metoden 'decodeURIComponent()' endast avkodar URI-komponenten som ligger mellan '@ & ='-tecken, inte hela URI.
Slutsats
JavaScript ' decodeURIConponent() ' och den ' decodeURI() ” metoder skiljer sig från varandra beroende på ” användande ”, “ parametrar ', och den ' begränsning ' faktorer. Den huvudsakliga/signifikanta skillnaden mellan varandra är att 'decodeURIComponent()' avkodar URI-komponenten medan 'decodeURI()'-metoden avkodar hela URI. Den här guiden förklarade praktiskt de viktigaste skillnaderna mellan metoderna decodeURIComponent() och decodeURI().