常用功能JS收藏（提升代码逼格）

• 获取URL的查询参数

  let query = {};
  location.search.replace(/([^?&=]+)=([^&]+)/g, (_,k,v) => query[k]=v);
  

• 生成随机字符串

  // 生成长度为11的随机字母数字字符串
  Math.random().toString(36).substring(2);
  

• 过去或未来几天的时间集合

  // 创建过去三天的数组
  [...Array(3).keys()].map(days => new Date(Date.now() - 86400000 * days));
  

• 随机16进制颜色值

  '#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
  

• ES6数组去重

  [...new Set(arr)]
  

• 手机号正则过滤字符 11位手机号

  str.replace(/^([^1]*)([\d]{0,11})(.*)$/, '$2')
  

• 固定电话正则过滤字符 13位包含'-'

  str.replace(/^([^\d]*)([\d-]{0,13})(.*)$/, '$2');
  

• js 可选链（实验性功能）

  const a = obj?.a; // undefined, 如果没有"?"就报错了
  // const a = (null === obj || undefined === obj) ? undefined : obj.a;
  const baz = obj?.foo?.bar?.baz;
  
  var object1 = {}
  var foo = object1.foo ?? "default"; // "default"
  
  let a = false;
  a ||= 1; // a || (a = 1);
  
  obj::func // 等价 func.bind(obj)
  
  //函数科里化
  function add(x, y) { return x + y; }
  const addOne = add(1, ?); // 返回函数addOne
  addOne(2); // 3
  

$\color{#4285f4}{持}\color{#ea4335}{续}\color{#fbbc05}{更}\color{#4285f4}{新}\color{#34a853}{中}\color{#ea4335}{。。。}$