5 分钟掌握 JavaScript 实用窍门

原创 智云编程 随笔 前端 71阅读 9 天前 举报

一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~

1. 删除数组尾部元素

一个简单方法就是改变数组的length值:

2. 使用对象解构(object destructuring)来模拟命名参数

如果需要将一系列可选项作为参数传入函数,你很可能会使用对象(Object)来定义配置(Config)。

不过这是一个比较老的方法了,它模拟了 JavaScript 中的命名参数。

在 ES 2015 中,你可以直接使用对象解构:

让参数可选也很简单:

3. 使用对象解构来处理数组

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

这里推荐一下我的前端学习交流圈:784783012,里面都是学习前端的,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入。

点击:前端学习圈

4. 在 Switch 语句中使用范围值

可以这样写满足范围值的语句:

5. await 多个 async 函数

在使用 async/await 的时候,可以使用 Promise.all 来 await 多个 async 函数

6. 创建 Pure objects

你可以创建一个 100% pure object,它不从Object中继承任何属性或则方法(比如constructortoString()等)

7. 格式化 JSON 代码

JSON.stringify除了可以将一个对象字符化,还可以格式化输出 JSON 对象

8. 从数组中移除重复元素

通过使用集合语法和 Spread 操作,可以很容易将重复的元素移除:

9. 平铺多维数组

使用 Spread 操作平铺嵌套多维数组:

不过上面的方法仅适用于二维数组,但是通过递归,就可以平铺任意维度的嵌套数组了:

希望这些小技巧能帮助你写好 JavaScript

如果你依然在编程的世界里迷茫,不知道自己的未来规划,对前端感兴趣,这里推荐一下我的学习交流圈:784783012,里面都是学习前端的,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到全栈的项目实战的学习资料都有整理,送给每一位前端小伙伴,希望能帮助你更了解前端,学习前端

点击:加入

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复