Este guia lista a diferença entre os métodos decodeURIComponent() e decodeURI().
Primeiro, observe os fundamentos do decodificarURIComponent() e a decodificarURI métodos
antes de passar para suas diferenças.
Qual é a diferença entre os métodos “decodeURIComponent()” e “decodeURI()” em JavaScript?
Esta seção compreende as diferenças significativas entre os métodos “decodeURIComponent()” e “decodeURI()”:
| Termos | decodificarURIComponent() | decodificarURI() |
| Uso | O “decodeURIComponent()” é usado para decodificar os componentes do URI codificados pelo método “encodeURIComponent()”. | O “decodeURI()” é utilizado para decodificar o URI completo codificado com a ajuda do método “encodeURI”. |
| Parâmetros | O “decodeURIComponent()” requer um URI “codificado” pelo método “encodeURIComponent()” como parâmetro obrigatório para decodificação. | O “decodeURI()” precisa de um URI “codificado” através do método “encodeURI()” como parâmetro essencial para realizar uma operação de decodificação. |
| Limitação | O “decodeURIComponent()” decodifica apenas a parte do URI que fica entre o “; / ? : @ & = + $, #”separadores. Ele trata esses caracteres como texto, não como caracteres especiais. | O “decodeURIComponent()” decodifica o URI completo. |
Agora, veja as diferenças declaradas na prática.
Diferença 1: Aplicação dos métodos “decodeURIComponent()” e “decodeURI()” com base no “uso”
De acordo com a primeira diferença, o método “decodeURIComponent()” decodifica a string codificada através do método “encodeURIComponent()” e o “decodeURI()” decodifica a string codificada através do método “encodedURI()”.
Código JavaScript
< roteiro >var uri = '%3B%2C%41%3F%3A%41%26%3D'
var codificado_URI = codificarURIComponent ( tipo ) ;
console. registro ( 'Saída (decodeURIComponent()):' + decodificarURIComponent ( tipo ) )
var codificado_uri = codificarURI ( tipo ) ;
console. registro ( 'URI decodificado:' + decodificarURI ( codificado_uri ) ) ;
roteiro >
No trecho de código acima:
- A variável “uri” inicializa um URI (Uniform Resource Identifier).
- A variável “encoded_URI” aplica o “ codificarURIComponent() ”Método para codificar o “uri” passado como seu parâmetro.
- A seguir, o método “console.log()” usa o “ decodificarURIComponent() ”Método para decodificar a string recentemente codificada e exibi-la no console.
- Depois disso, o “ decodificarURI() ”O método decodifica o URI codificado por meio do“ codificarURI() ”Método especificado na variável “encoded_uri”.
Saída
Vê-se que o console mostra os URIs decodificados usando os métodos “decodeURIComponent()” e “decodeURI()”
Diferença 2: Aplicação de métodos “decodeURIComponent()” e “decodeURI()” baseados em “parâmetros”
Pode ser visto claramente na “Diferença 1” que o “decodeURIComponent()” aceita o URI codificado através do método “encodeURIComponent()” e o “decodeURI()” funciona no URI codificado através do método “encodeURI()” como um parâmetro.
Diferença 3: Aplicação dos métodos “decodeURIComponent()” e “decodeURI()” baseados em “caracteres decodificados”
A terceira diferença entre os métodos “decodeURIComponent()” e “decodeURI()” pode ser analisada pela decodificação do URI específico. Vamos ver na prática.
Código JavaScript
< roteiro >var uri = '@%20&%7F=%3A%41%26%3D'
console. registro ( 'Saída(decodeURIComponent()):' + decodificarURIComponent ( tipo ) )
console. registro ( 'Saída(decodeURI()):' + decodificarURI ( tipo ) )
roteiro >
Na seção de script fornecida:
- O primeiro ' console.log() ”O método exibe o URI decodificado usando o“ decodificarURIComponent() ”Método.
- O segundo método “console.log()” mostra o URI decodificado com a ajuda do “ decodificarURI() ”Método.
Saída
O console mostra claramente que o método “decodeURIComponent()” decodifica apenas o componente URI localizado entre os caracteres “@ & =”, não o URI completo.
Conclusão
Javascript “ decodificarURIComponent() ' e a ' decodificarURI() ”Os métodos diferem entre si dependendo do“ uso ',' parâmetros ', e a ' limitação ”fatores. A diferença principal/significativa entre eles é que o “decodeURIComponent()” decodifica o componente URI enquanto o método “decodeURI()” decodifica o URI completo. Este guia explicou de forma prática as principais diferenças entre os métodos decodeURIComponent() e decodeURI().