大家好我是小逗号，我今天带给大家一个JavaScript当中 encodeURI(),encodeURIComponent()编码与decodeURI(),decodeURIComponent()解码函数

编码

const url = "https: //www.runoob.com/html/html-basic.html"
console.log(encodeURI(url)); //https:%20//www.runoob.com/html/html-basic.html
// 只会对空格进行编码
console.log(encodeURIComponent(url)); //https%3A%20%2F%2Fwww.runoob.com%2Fhtml%2Fhtml-
// 会对全部的url进行编码

解码

const url_1 = "https%3A%20%2F%2Fwww.runoob.com%2Fhtml%2Fhtml-basic.html"
console.log(decodeURI(url_1)); //https%3A %2F%2Fwww.runoob.com%2Fhtml%2Fhtml-basic.html
console.log(decodeURIComponent(url_1)); //https: //www.runoob.com/html/html-basic.html

const url_2 = "https:%20//www.runoob.com/html/html-basic.html"
console.log(decodeURI(url_2)); //https: //www.runoob.com/html/html-basic.html
console.log(decodeURIComponent(url_2)); //https: //www.runoob.com/html/html-basic.html

// decodeURI()只可以对encodeURI()进行解码
// decodeURIComponent(可以对)encodeURI()解码也可以对encodeURIComponent()进行解码

日常实战

下面介绍一下uni-app跳转路由进行传参

跳转路由进行传参

const data = JSON.stringify(res)
uni.navigateTo({
url: `/pages/order/order?data=${encodeURIComponent(data)}`
})

接收

onLoad(options) {
const data = JSON.parse(decodeURIComponent(options.data))
}

喜欢的话给小逗号一个关注哦，还有更多的前端文章。