极客时间对于推广渠道会有返利优惠，比如山月在极客时间买了一门课，再把课程分享给好友购买，这时极客时间会向山月返利20元左右。

而我现在做了一个返利平台，你可以在上边通过山月的链接购买课程，此时极客时间会向我返利。为了共同学习，而你可以添加我的微信 (shanyue94)，我将把极客时间给我的返利发一个红包全部返给你。

# 实现一个函数用来对 URL 的 querystring 进行编码

更多描述

示例，如

const data = {
  a: 3,
  b: 4,
  c: 5
}

// 对 data 编码后得到 querystring 如下
const qs = 'a=3&b=4&c=5'

镜像问题: 【Q429】实现一个函数用来解析 URL 的 querystring (opens new window)

Issue

欢迎在 Issue 中交流与讨论: Issue 448 (opens new window)

Author

回答者: shfshanyue (opens new window)

先上几个测试用例:

// a=3&b=4
stringify({ a: 3, b: 4 })

// a=3&b=
stringify({ a: 3, b: null })

// a=3&%E5%B1%B1=%E6%9C%88
stringify({ a: 3, '山': '月' })

只做一些基本的功能，满足以下条件

对 null/undefined/object 编码为空字符
对 key/value 记得 encodeURIComponent
不考虑数组及嵌套对象等复杂操作

function stringify (data) {
  const pairs = Object.entries(data)
  const qs = pairs.map(([k, v]) => {
    let noValue = false
    if (v === null || v === undefined || typeof v === 'object') {
      noValue = true
    }
    return `${encodeURIComponent(k)}=${noValue ? '' : encodeURIComponent(v)}`
  }).join('&')
  return qs
}

这是一个最简单对 querystring 进行编码的函数，如果需要更复杂的需求如嵌套对象与数组可以参考 qs (opens new window)

关于山月

我的项目：

我的微信：shanyue94，欢迎交流

← JSONP 的原理是什么，如何实现⭐️ v8 是如何执行一段 JS 代码的⭐️ →