utils.js 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. export function deepProcess(obj, checkNecessity, detailWork) {
  2. if (obj === null || obj === undefined) {
  3. return
  4. }
  5. if (Array.isArray(obj)) {
  6. for (let index = 0; index < obj.length; index++) {
  7. const element = obj[index]
  8. if (checkNecessity(element)) {
  9. obj[index] = detailWork(element)
  10. } else if (typeof element === 'object') {
  11. deepProcess(element, detailWork)
  12. }
  13. }
  14. } else if (typeof obj === 'object') {
  15. for (const key in obj) {
  16. if (Object.hasOwnProperty.call(obj, key)) {
  17. if (checkNecessity(obj[key])) {
  18. obj[key] = detailWork(obj[key])
  19. } else if (typeof obj[key] === 'object') {
  20. deepProcess(obj[key], detailWork)
  21. }
  22. }
  23. }
  24. }
  25. }
  26. export function deepClone(target, hash = new WeakMap()) {
  27. // 定义一个变量
  28. let result = null
  29. // 如果当前需要深拷贝的是一个对象的话
  30. if (typeof target === 'object') {
  31. if (hash.has(target)) { // 如果是循环引用
  32. result = hash.get(target)
  33. } else if (Array.isArray(target)) { // 如果是一个数组的话
  34. result = [] // 将result赋值为一个数组,并且执行遍历
  35. hash.set(target, result)
  36. for (let i in target) {
  37. if (!(typeof(target[i]) === 'function' && !target.name)) {
  38. // 递归克隆数组中的每一项
  39. result.push(deepClone(target[i], hash))
  40. }
  41. }
  42. // 判断如果当前的值是null的话;直接赋值为null
  43. } else if (target === null) {
  44. result = null
  45. // 判断如果当前的值是一个RegExp对象的话,直接赋值
  46. } else if (target.constructor === RegExp) {
  47. result = target
  48. } else {
  49. // 否则是普通对象,直接for in循环,递归赋值对象的所有值
  50. result = {}
  51. hash.set(target, result)
  52. for (let i in target) {
  53. if (!(typeof(target[i]) === 'function' && !target.name)) {
  54. result[i] = deepClone(target[i], hash)
  55. }
  56. }
  57. }
  58. } else if (typeof target === 'function') {
  59. result = target
  60. } else { // 如果不是对象也不是函数,直接赋值
  61. result = target
  62. }
  63. // 返回最终结果
  64. return result
  65. }
  66. export default {
  67. /**
  68. * 返回一个自带消抖效果的函数,用res表示。
  69. *
  70. * fn: 需要被消抖的函数
  71. * delay: 消抖时长
  72. * isImmediateCall: 是否在一组操作中的第一次调用时立即执行fn
  73. * isRememberLastCall:是否在一组中最后一次调用后等delay时长再执行fn
  74. */
  75. debounce(fn, delay = 250, isImmediateCall = true, isRememberLastCall = true) {
  76. console.assert(isImmediateCall || isRememberLastCall, 'isImmediateCall 和 isRememberLastCall 至少应有一个是true,否则没有意义!')
  77. let timer = null
  78. // 上次调用的时刻
  79. let lastCallTime = 0
  80. if (isImmediateCall && !isRememberLastCall) {
  81. return function (...args) {
  82. const currentTime = Date.now()
  83. if (currentTime - lastCallTime >= delay) {
  84. fn.apply(this, args)
  85. }
  86. lastCallTime = currentTime
  87. }
  88. } else if (!isImmediateCall && isRememberLastCall) {
  89. return function (...args) {
  90. if (timer) {
  91. clearTimeout(timer)
  92. }
  93. timer = setTimeout(() => {
  94. fn.apply(this, args)
  95. }, delay)
  96. }
  97. } else if (isImmediateCall && isRememberLastCall) {
  98. return function (...args) {
  99. const currentTime = Date.now()
  100. if (currentTime - lastCallTime >= delay) { // 一组操作中的第一次
  101. fn.apply(this, args)
  102. lastCallTime = currentTime
  103. return
  104. } else { // 一组中的后续调用
  105. if (timer) { // 在此之前存在中间调用
  106. lastCallTime = currentTime
  107. clearTimeout(timer)
  108. }
  109. timer = setTimeout(() => {
  110. fn.apply(this, args)
  111. lastCallTime = 0
  112. timer = null
  113. }, delay)
  114. }
  115. }
  116. } else {
  117. console.error('不应该执行到这里!')
  118. }
  119. },
  120. throttle(fn, interval = 250) {
  121. let lastRunTime = 0
  122. return function (...args) {
  123. let elapsedTime = Date.now() - lastRunTime
  124. if (elapsedTime < interval) {
  125. return null
  126. }
  127. let context = this
  128. lastRunTime = Date.now()
  129. return fn.apply(context, args)
  130. }
  131. },
  132. deepProcess,
  133. unique(arr) {
  134. let map = new Map()
  135. let array = new Array() // 数组用于返回结果
  136. for (let i = 0; i < arr.length; i++) {
  137. if (map.has(arr[i])) {
  138. // 如果有该key值
  139. map.set(arr[i], true)
  140. } else {
  141. map.set(arr[i], false) // 如果没有该key值
  142. array.push(arr[i])
  143. }
  144. }
  145. return array
  146. },
  147. randomWord(randomFlag, min, max) {
  148. //随机字符串
  149. var str = "",
  150. range = min,
  151. arr = [
  152. "0",
  153. "1",
  154. "2",
  155. "3",
  156. "4",
  157. "5",
  158. "6",
  159. "7",
  160. "8",
  161. "9",
  162. "a",
  163. "b",
  164. "c",
  165. "d",
  166. "e",
  167. "f",
  168. "g",
  169. "h",
  170. "i",
  171. "j",
  172. "k",
  173. "l",
  174. "m",
  175. "n",
  176. "o",
  177. "p",
  178. "q",
  179. "r",
  180. "s",
  181. "t",
  182. "u",
  183. "v",
  184. "w",
  185. "x",
  186. "y",
  187. "z",
  188. "A",
  189. "B",
  190. "C",
  191. "D",
  192. "E",
  193. "F",
  194. "G",
  195. "H",
  196. "I",
  197. "J",
  198. "K",
  199. "L",
  200. "M",
  201. "N",
  202. "O",
  203. "P",
  204. "Q",
  205. "R",
  206. "S",
  207. "T",
  208. "U",
  209. "V",
  210. "W",
  211. "X",
  212. "Y",
  213. "Z",
  214. ]
  215. if (randomFlag) {
  216. // 随机长度
  217. range = Math.round(Math.random() * (max - min)) + min
  218. }
  219. for (var i = 0; i < range; i++) {
  220. var pos = Math.round(Math.random() * (arr.length - 1))
  221. str += arr[pos]
  222. }
  223. return str
  224. },
  225. deepClone,
  226. }