Esta guía enumera la diferencia entre los métodos decodeURIComponent() y decodeURI().
Primero, observe los conceptos básicos de la decodificarURIComponente() y el decodificarURI métodos
antes de pasar a sus diferencias.
¿Cuál es la diferencia entre los métodos “decodeURIComponent()” y “decodeURI()” en JavaScript?
Esta sección comprende las diferencias significativas entre los métodos “decodeURIComponent()” y “decodeURI()”:
| Términos | decodificarURIComponente() | decodificarURI() |
| Uso | El 'decodeURIComponent()' se utiliza para decodificar los componentes del URI codificado por el método 'encodeURIComponent()'. | El 'decodeURI()' se utiliza para decodificar el URI completo codificado con la ayuda del método 'encodeURI'. |
| Parámetros | El 'decodeURIComponent()' requiere un URI 'codificado' mediante el método 'encodeURIComponent()' como parámetro obligatorio para la decodificación. | El “decodeURI()” necesita un URI “codificado” a través del método “encodeURI()” como parámetro esencial para realizar una operación de decodificación. |
| Limitación | El “decodeURIComponent()” solo decodifica la parte del URI que se encuentra entre “; /? : @ & = + $ , #” separadores. Trata estos caracteres como texto, no como caracteres especiales. | El “decodeURIComponent()” decodifica el URI completo. |
Ahora, vea las diferencias indicadas de manera práctica.
Diferencia 1: aplicación de los métodos “decodeURIComponent()” y “decodeURI()” según el “uso”
Según la primera diferencia, el método 'decodeURIComponent()' decodifica la cadena codificada mediante el método 'encodeURIComponent()' y 'decodeURI()' decodifica la cadena codificada mediante el método 'encodedURI()'.
Código JavaScript
< guion >var uri = '%3B%2C%41%3F%3A%41%26%3D'
var codificado_URI = codificarURIComponente ( tipo ) ;
consola. registro ( 'Salida (decodeURIComponent()):' + decodificarURIComponente ( tipo ) )
var codificado_uri = codificarURI ( tipo ) ;
consola. registro ( 'URI decodificada:' + decodificarURI ( codificado_uri ) ) ;
guion >
En el fragmento de código anterior:
- La variable 'uri' inicializa un URI (Identificador uniforme de recursos).
- La variable 'encoded_URI' aplica el ' codificarURIComponente() 'Método para codificar el' uri 'pasado como parámetro.
- A continuación, el método “console.log()” utiliza el método “ decodificarURIComponente() 'Método para decodificar la cadena codificada recientemente y luego mostrarla en la consola.
- Después de eso, el “ decodificarURI() El método 'decodifica el URI codificado a través del' codificarURI() ”método especificado en la variable “encoded_uri”.
Producción
Se ve que la consola muestra los URI decodificados usando los métodos “decodeURIComponent()” y “decodeURI()”
Diferencia 2: Aplicar los métodos “decodeURIComponent()” y “decodeURI()” según los “parámetros”
Se puede ver claramente en la “Diferencia 1” que “decodeURIComponent()” acepta el URI codificado mediante el método “encodeURIComponent()” y “decodeURI()” funciona en el URI codificado mediante el método “encodeURI()” como un parámetro.
Diferencia 3: Aplicación de los métodos “decodeURIComponent()” y “decodeURI()” basados en “caracteres decodificados”
La tercera diferencia entre los métodos “decodeURIComponent()” y “decodeURI()” se puede analizar decodificando el URI específico. Veámoslo de forma práctica.
Código JavaScript
< guion >var uri = '@%20&%7F=%3A%41%26%3D'
consola. registro ( 'Salida(decodeURIComponent()): ' + decodificarURIComponente ( tipo ) )
consola. registro ( 'Salida(decodeURI()): ' + decodificarURI ( tipo ) )
guion >
En la sección de guión dada:
- La primera ' consola.log() El método 'muestra el URI decodificado usando el' decodificarURIComponente() ' método.
- El segundo método 'console.log()' muestra el URI decodificado con la ayuda del ' decodificarURI() ' método.
Producción
La consola muestra claramente que el método “decodeURIComponent()” solo decodifica el componente URI que se encuentra entre los caracteres “@ & =”, no el URI completo.
Conclusión
JavaScript “ decodificarURIComponente() ' y el ' decodificarURI() 'Los métodos difieren entre sí dependiendo del' uso ”, “ parámetros ', y el ' limitación ”Factores. La diferencia principal/significativa entre sí es que el método 'decodeURIComponent()' decodifica el componente URI mientras que el método 'decodeURI()' decodifica el URI completo. Esta guía explica prácticamente las diferencias clave entre los métodos decodeURIComponent() y decodeURI().