教你5分钟掌握JavaScript小技巧

Javascript

一种高级编程语言

通过解释执行

它是一门动态类型，面向对象（基于原型）的直译语言

它已经由欧洲电脑制造商协会通过ECMAScript实现语言标准化

它被世界上的绝大多数网站所使用

也被世界主流浏览器（Chrome、IE、FireFox等）支持

以下是小编整理的葵花宝典

希望对大家的学习有帮助

★删除数组尾部元素★

一个简单的用来清空或则删除数组尾部元素的简单方法

就是改变数组的length属性值

★使用对象解构来模拟命名参数★

如果你需要将一系列可选项作为参数传入函数

那你也许倾向于使用了一个对象(Object)来定义配置(Config)

这是一个陈旧，但是很有效的方法

它模拟了JavaScript中的命名参数

不过在doSomething中处理config的方式略显繁琐

在ES2015中，你可以直接使用对象解构

如果你想让这个参数是可选的，也很简单

 ★ 使用对象解构来处理数组 ★

可以使用对象解构的语法来获取数组的元素

★在switch语句中用范围值★

可以使用下面的技巧来写满足范围值的switch语句

★await多个async函数★

在使用async/await的时候

可以使用Promise.all来await多个async函数

 ★ 创建一个纯（pure）对象★

你可以创建一个100%的纯对象

它不从Object中继承任何属性或则方法

★格式化JSON代码★

JSON.stringify不止可以将一个对象字符化

还可以格式化输出JSON对象

★从数组中移除重复元素★

ES2015中，有了集合的语法

通过使用集合语法和Spread操作

可以很容易将重复的元素移除

 ★ 平铺多维数组★

使用Spread操作

可以很容易去平铺嵌套多维数组

可惜

上面的方法仅仅适用于二维数组

不过，通过递归

我们可以平铺任意维度的嵌套数组

就这些啦！

我希望这些小技巧可以帮你写出更加漂亮的JS代码

技能虽好

最重要的还是运用起来

如果还不够，那么不妨用Fundebug做你的辅助

TIPS：

这个switch的写法很巧妙，不过不推荐

对比一下用swtich和if的区别

第二种写法有几点优势：

◆代码量更少，更加易读

 ◆你不需要声明一个局部变量

读者不会一直去追踪你如何对这个变量做了更改

◆switch(true)真的会让人莫名其妙