Hàm thoát và unescape() trong javascript

Thoát hoặc thoát một chuỗi JavaScript xóa dấu vết của các ký tự vi phạm có thể cản trở việc diễn giải

Các ký tự sau được dành riêng trong JavaScript và phải được thoát đúng cách để được sử dụng trong chuỗi

Hàm “escape[]” mã hóa chuỗi để có thể truy cập được khi truyền qua mạng. Nó mã hóa tất cả các ký tự không phải ASCII thành số thập lục phân có hai hoặc bốn chữ số của chúng. Ngoài ra, một khoảng trống được chuyển thành “%20” bởi hàm thoát

cú pháp

Làm theo cú pháp đã cho để sử dụng phương thức escape[]

thoát [ chuỗi ]

Ở đây, “chuỗi” là tham số được truyền vào một phương thức để mã hóa

Ví dụ

Đầu tiên, tạo một chuỗi có tên là “str”

var str = "[Chào mừng đến với Linuxhint. ]";

In chuỗi trên trang bằng cách sử dụng “tài liệu. viết phương pháp

tài liệu. ghi["Chuỗi. " + str + """""""""""""""];

Gọi phương thức escape[] bằng cách chuyển một chuỗi làm đối số và lưu trữ chuỗi được mã hóa kết quả trong một biến “encodeStr”

var encodeStr = thoát [ str ];

Cuối cùng, in chuỗi mã hóa trên trang

tài liệu. ghi["Chuỗi mã hóa. " + encodeStr + """""""""""""""""""];

Đầu ra hiển thị các chuỗi gốc và được mã hóa. Tại đây, bạn có thể thấy rằng “dấu cách” được chuyển đổi thành “%20”, “[“ thành “%28”, “. ” thành “%21” và “]” thành “%29”

Hàm chuỗi không thoát trong JavaScript là gì?

Phương thức unescape[] giải mã chuỗi ở trạng thái ban đầu. Nó chuyển đổi tất cả các giá trị thập lục phân thành ký tự có liên quan mà chúng đại diện. Một số trình duyệt không hỗ trợ phương pháp này, do đó, bạn có thể sử dụng “decodeURIComponent[]” hoặc “decodeURI[]” để thay thế

cú pháp

Sử dụng cú pháp được đề cập bên dưới để giải mã chuỗi được mã hóa bằng phương thức unescape[]

unescape [ encodedString ]

Nó lấy một chuỗi được mã hóa làm tham số

Ví dụ

Tại đây, hãy gọi phương thức unescape[] bằng cách chuyển một chuỗi mã hóa “encodeStr” làm đối số

var decodeStr = unescape [ encodeStr ];

In chuỗi đã giải mã trên trang

tài liệu. ghi["Chuỗi đã giải mã. " + decodeStr ];

Đầu ra hiển thị các chuỗi gốc, được mã hóa và giải mã

Đó là tất cả về hàm thoát và thoát trong JavaScript

Phần kết luận

Các hàm thoát và không thoát được sử dụng để mã hóa và giải mã các chuỗi để làm cho một chuỗi có thể truy cập được để truyền qua mạng. Phương thức escape[] chuyển đổi tất cả các giá trị không phải ASCII thành số thập lục phân của chúng và phương thức unescape[] sẽ chuyển đổi chuỗi được mã hóa thành chuỗi gốc của nó bằng cách chuyển đổi giá trị thập lục phân thành ký tự không phải ASCII của chúng. Trong bài viết này, chúng tôi đã mô tả các hàm thoát và thoát trong JavaScript

Các hàm escape[] và unescape[] dùng để Mã hóa và giải mã một chuỗi trong JavaScript. Hàm escape[] trong JavaScript để tạo một chuỗi khả chuyển để truyền nó qua mạng và chúng ta có thể sử dụng hàm unscape[] để lấy lại chuỗi ban đầu

Tự mình thử

Nguồn

Thoát và thoát rất hữu ích để ngăn chặn cuộc tấn công Cross Site Scripting [XSS]. Đây là một trong những kiểu tấn công web phổ biến, vì sẽ dễ dàng tạo ra một vectơ tấn công nếu trang web không được thiết kế cẩn thận

theo https. // nhà phát triển. mozilla. org/en-US/docs/Web/JavaScript/Reference/Global_Objects/unescape bạn nên cập nhật tập lệnh cũ của mình

Làm thế nào để khắc phục?

Việc sửa nó có thể đơn giản như thả một dòng vào JS của bạn để thêm vào phương thức unescape[] nếu phương thức này không tồn tại

Hàm Javascript unescape[] trong JavaScript lấy một chuỗi làm tham số và sử dụng nó để giải mã chuỗi đó được mã hóa bởi hàm escape[]. Chuỗi thập lục phân trong chuỗi được thay thế bằng các ký tự mà chúng đại diện khi được giải mã qua unescape[].  

cú pháp

unescape[string]

Thông số. Hàm này chấp nhận một tham số duy nhất như đã đề cập ở trên và được mô tả bên dưới

• chuỗi. Tham số này chứa chuỗi sẽ được giải mã.  

Giá trị trả về. Hàm này trả về một chuỗi đã giải mã.  

Ghi chú. Chức năng này chỉ giải mã các ký tự đặc biệt, chức năng này không được dùng nữa.  

ví dụ 1. Trong ví dụ này, chúng tôi sẽ giải mã một nội dung được mã hóa đơn giản bằng hàm unescape[]

jav

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

2

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____14

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____16

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

8____19

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

0

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

1

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

1

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____14

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____16

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____18____19

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

20

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

21

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

22

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

0

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

24

đầu ra

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

Các mã ví dụ khác cho chức năng trên như sau.  

ví dụ 2. Trong ví dụ này, chúng tôi sẽ giải mã một nội dung được mã hóa đơn giản bằng hàm unescape[]

jav

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

2

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____14

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____16

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____131

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

32____133

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

34

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____136

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

37

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

38

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

1

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____141

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____136

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

44

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

45

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

1

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____148

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____130

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____132

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

33

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

20

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

21

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

36

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

37

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____136

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

37

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

38

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

1

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____141

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

3____136

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

44

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

45

Geeks for Geeks!!!
To contribute articles contact us at 
review-team@geeksforgeeks.org

24

đầu ra

Đã mã hóa. Geeks%20for%20Geeks%21%21%21
Đã giải mã. chuyên viên máy tính cho chuyên viên máy tính.

Đã mã hóa. Để%20 đóng góp%20 bài báo%20 liên hệ%20us%20at%20 review-team@geeksforgeeks. org
Đã giải mã. Để đóng góp bài viết, hãy liên hệ với chúng tôi tại review-team@geeksforgeeks. tổ chức

ngoại lệ. @ – +. / * _

Chúng tôi có một danh sách đầy đủ các Chức năng Javascript, để kiểm tra chúng, vui lòng xem qua Bài viết tham khảo đầy đủ Chức năng Javascript

Hàm thoát trong JavaScript là gì?

Chức năng không thoát là gì?

Làm cách nào để bỏ thoát các ký tự trong JavaScript?

Thoát Unescape trong HTML là gì?