이 가이드에는 decodeURIComponent()와 decodeURI() 메서드의 차이점이 나와 있습니다.
먼저, 기본서의 내용을 살펴보세요. 디코드URI컴포넌트() 그리고 디코드URI 행동 양식
차이점을 살펴보기 전에
JavaScript에서 'decodeURIComponent()'와 'decodeURI()' 메서드의 차이점은 무엇입니까?
이 섹션은 'decodeURIComponent()'와 'decodeURI()' 메서드 간의 중요한 차이점으로 구성됩니다.
| 자귀 | 디코드URI컴포넌트() | 디코드URI() |
| 용법 | 'decodeURIComponent()'는 'encodeURIComponent()' 메서드에 의해 인코딩된 URI의 구성 요소를 디코딩하는 데 사용됩니다. | 'decodeURI()'는 'encodeURI' 메소드의 도움으로 인코딩된 전체 URI를 디코딩하는 데 사용됩니다. |
| 매개변수 | “decodeURIComponent()”에는 디코딩을 위한 필수 매개변수로 “encodeURIComponent()” 메서드에 의해 “인코딩된” URI가 필요합니다. | “decodeURI()”는 디코딩 작업을 수행하기 위해 필수 매개변수로 “encodeURI()” 메서드를 통해 “인코딩된” URI가 필요합니다. |
| 한정 | 'decodeURIComponent()'는 ';' 사이에 있는 URI 부분만 디코딩합니다. / ? : @ & = + $ , #” 구분 기호입니다. 이러한 문자는 특수 문자가 아닌 텍스트로 처리됩니다. | 'decodeURIComponent()'는 전체 URI를 디코딩합니다. |
이제 명시된 차이점을 실제로 살펴보세요.
차이점 1: '사용법'을 기반으로 'decodeURIComponent()' 및 'decodeURI()' 메서드 적용
첫 번째 차이점에 따르면, “decodeURIComponent()” 메서드는 “encodeURIComponent()” 메서드를 통해 인코딩된 문자열을 디코딩하고, “decodeURI()”는 “encodedURI()” 메서드를 통해 인코딩된 문자열을 디코딩합니다.
자바스크립트 코드
< 스크립트 >바르 우리 = '%3B%2C%41%3F%3A%41%26%3D'
var 인코딩된_URI = encodeURI컴포넌트 ( 유형 ) ;
콘솔. 통나무 ( '출력(decodeURIComponent()):' + decodeURI구성요소 ( 유형 ) )
var 인코딩된_uri = encodeURI ( 유형 ) ;
콘솔. 통나무 ( '디코딩된 URI:' + 디코드URI ( 인코딩된_uri ) ) ;
스크립트 >
위의 코드 조각에서:
- 'uri' 변수는 URI(Uniform Resource Identifier)를 초기화합니다.
- 'encoded_URI' 변수는 ' 인코딩URI컴포넌트() ” 메소드를 사용하여 전달된 “uri”를 매개변수로 인코딩합니다.
- 다음으로, “console.log()” 메소드는 “ 디코드URI컴포넌트() ” 메서드를 사용하여 최근에 인코딩된 문자열을 디코딩한 다음 콘솔에 표시합니다.
- 그 후, “ 디코드URI() ” 메소드는 “를 통해 인코딩된 URI를 디코딩합니다. 인코딩URI() 'encoded_uri' 변수에 지정된 메서드입니다.
산출
콘솔에 'decodeURIComponent()' 및 'decodeURI()' 메서드를 사용하여 디코딩된 URI가 표시되는 것을 볼 수 있습니다.
차이점 2: '매개변수'를 기반으로 'decodeURIComponent()' 및 'decodeURI()' 메서드 적용
“decodeURIComponent()”가 “encodeURIComponent()” 메서드를 통해 인코딩된 URI를 받아들이고 “decodeURI()”가 “encodeURI()” 메서드를 통해 인코딩된 URI에서 작동한다는 점은 “차이점 1”에서 명확하게 볼 수 있습니다. 매개변수.
차이점 3: '디코딩된 문자'를 기반으로 'decodeURIComponent()' 및 'decodeURI()' 메서드 적용
'decodeURIComponent()'와 'decodeURI()' 메서드의 세 번째 차이점은 특정 URI를 디코딩하여 분석할 수 있습니다. 실제로 살펴보겠습니다.
자바스크립트 코드
< 스크립트 >바르 우리 = '@%20&%7F=%3A%41%26%3D'
콘솔. 통나무 ( '출력(decodeURIComponent()): ' + decodeURI구성 요소 ( 유형 ) )
콘솔. 통나무 ( '출력(decodeURI()): ' + 디코드URI ( 유형 ) )
스크립트 >
지정된 스크립트 섹션에서:
- 첫번째 ' 콘솔.로그() ” 메소드는 “를 사용하여 디코딩된 URI를 표시합니다. 디코드URI컴포넌트() ' 방법.
- 두 번째 'console.log()' 메소드는 '의 도움으로 디코딩된 URI를 표시합니다. 디코드URI() ' 방법.
산출
콘솔에는 'decodeURIComponent()' 메서드가 전체 URI가 아닌 '@ & =' 문자 사이에 있는 URI 구성 요소만 디코딩한다는 사실이 명확하게 표시됩니다.
결론
자바스크립트 “ 디코드URI컴포넌트() ' 그리고 ' 디코드URI() ” 방법은 “에 따라 서로 다릅니다. 용법 ',' 매개변수 ', 그리고 ' 한정 ” 요인. 서로의 주요/중요한 차이점은 'decodeURIComponent()'가 URI 구성 요소를 디코딩하는 반면 'decodeURI()' 메서드는 전체 URI를 디코딩한다는 것입니다. 이 가이드에서는 decodeURIComponent()와 decodeURI() 메서드 간의 주요 차이점을 실제로 설명했습니다.