就像所有其他編程語言一樣，JavaScript具有許多技巧來完成簡單和困難的任務。 一些技巧已廣爲人知，而另一些技巧足以使您震驚。 讓我們來看看您今天可以開始使用的七個JavaScript技巧！
數組去重
這個比較簡單，在很多地方都可以看到如下代碼：
const j = [...new Set([1, 2, 3, 3])]
// [1, 2, 3]
主要使用擴展運算符
...和Set構造函數來完成。
過濾假值
需要從數組中過濾出轉換爲布爾值爲false的選項(false, ‘’, 0, NaN, null, undefined)
[false, '', 0, NaN, null, undefined, 1, 2].filter(Boolean)
// [1, 2]
filter 的第一個參數是函數，通過將 Boolean 構造函數作爲過濾條件，轉換爲布爾值爲 true 的會保留下來。
創建空對象
您可以使用 {} 創建一個看似空的對象，但是該對象仍然具有 __proto__ 以及通常的 hasOwnProperty 和其他對象方法。 但是，有一種方法可以創建一個純對象：
let dict = Object.create(null);
// dict.__proto__ === "undefined"
這個對象上沒有任何的屬性和方法，也沒原型。
合併對象
在JavaScript中合併多個對象的需求一直存在，你可以使用 assign 和擴展運算符。
const person = { name: 'Marc Yule', gender: 'Male' };
const tools = { computer: 'Mac', editor: 'Atom' };
const summary = {...person, ...tools};
合併對象有很多種方式，這兩種方式只適合淺拷貝對象。
驗證參數
函數參數默認值在驗證參數爲必傳項時對我們很有用，比如下面代碼的寫法：
const isRequired = () => { throw new Error('param is required'); };
const hello = (name = isRequired()) => { console.log(`hello ${name}`) };
// 如果參數不傳就報錯
hello();
這是參數驗證的有效方法。
解構賦值
對象的解構賦值，可以很方便地將現有對象的方法，賦值到某個變量。
const obj = { x: 1 };
const { x } = obj;
// 指定別名
const { x: otherName } = obj;
指定別名有助於避免與現有變量的命名衝突！
解析地址
前幾年，我們總是編寫正則表達式來獲取查詢字符串值，但是那一天已經過去了-現在可以藉助-URLSearchParams API：
// "?post=1234&action=edit"
var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.has('post')); // true
常用的就兩個方法，get() 獲取指定搜索參數的第一個值。has() 返回 Boolean 判斷是否存在此搜索參數。
博主發佈的文章同時在手機微信公衆同時發佈，想了解博主更多前端的知識講解，歡迎掃碼屏幕下方的二維碼關注！
