JavaScript有什么让自己代码更精简的奇淫巧技?

婆娑树下的行者


在实际开发中,通常情况下都不会简写代码,因为一般的IDE工具都有压缩js代码的功能,或者可以使用自动化构建工具、包管理技术,如glup、webpack等。再说了,代码写得太简化,对于团队其他人来说,阅读起来会困难一些,影响了整体开发效率。

这里介绍几种自己在封装插件时,常用到的代码简化方式及高级写法:

条件判断

  • 传统写法:

  • 三目运算:

条件判断简写

  • 传统写法:

  • 省略写法:

注意;这种写法只适用于条件语句块中只有一条语句的情况。

立即执行函数

  • 传统写法:

  • IIFE高级写法:

数组遍历

  • 传统写法:

  • 变种写法:

  • while循环

注意:这两种遍历方法,要求数组中不能有数字类型的0,和布尔类型的false;否则遍历将会停止,不会继续向下执行。

数组合并

  • 使用concat函数或者for循环

  • apply的妙用:

数组判断

  • 使用instanceof

  • call方法的妙用(最安全有效的方法)

数组去重

  • for循环:

  • 类HASH算法:

暂时就这些吧,觉得不错的朋友,多点赞转发,谢谢支持。


蘑菇头MTV


ES6的箭头函数了解下!

上面六行代码使用箭头函数压缩之后是什么样子呢?

var Add = (i=0)=>()=>++i


使用箭头函数呢

var fact = (x)=> x==0?1:fact(x-1)


最新es6好多简化写法,不过要兼容的话,需要翻译器。


Tingno记前端


如果你只是向知道一些类似三元表达式一样的使用技巧,你可以搜下《45个实用的JavaScript技巧、窍门和最佳实践》,这篇文章有很多类似的技巧。

如果你想让自己的代码更规范,可以找《Google JavaScript 代码风格指南》翻出来看看。


奥德王打电脑


new Date()*1 算不?


村长扫大街


+,+ "",(),


分享到:


相關文章: