美文网首页互联网科技每天写1000字
教你5分钟掌握JavaScript小技巧

教你5分钟掌握JavaScript小技巧

作者: 一匠科技 | 来源:发表于2018-06-30 10:45 被阅读3次

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

    相关文章

      网友评论

        本文标题:教你5分钟掌握JavaScript小技巧

        本文链接:https://www.haomeiwen.com/subject/xbktuftx.html