7个有用的JavaScript技巧

就像所有其他编程语言一样，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 判断是否存在此搜索参数。