龙空技术网

教你5分钟掌握JavaScript小技巧

亿匠邦 254

前言:

现时小伙伴们对“js小”大概比较着重,姐妹们都需要学习一些“js小”的相关内容。那么小编也在网摘上搜集了一些有关“js小””的相关资讯,希望同学们能喜欢,小伙伴们一起来了解一下吧!

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)真的会让人莫名其妙

标签: #js小