首页 >

JavaScript有什么让自己代码更精简的奇淫巧技 – js/jQuery – 前端,jquery 字体样式

jquery 字体样式,jquery html css,jquery 表格居中显示,jquery弹出文件选择器,jquery 添加checked属性值,jquery 弹出层 可移动,jquery prototype.js,jquery 点击之后执行,jquery物效,jquery 字体样式JavaScript有什么让自己代码更精简的奇淫巧技 - js/jQuery - 前端,jquery 字体样式

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

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

条件判断

传统写法:

三目运算:条件判断简写

传统写法:

省略写法:

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

立即执行函数

传统写法:

IIFE高级写法:数组遍历传统写法:

变种写法:

while循环

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

数组合并

使用concat函数或者for循环

apply的妙用:

数组判断

使用instanceof

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

数组去重

for循环:

类HASH算法:

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


JavaScript有什么让自己代码更精简的奇淫巧技 - js/jQuery - 前端,jquery 字体样式
  • 如何实现抽奖程序中数字滚动效果 - js/jQuery - 前端,jquery提交不跳转
  • 如何实现抽奖程序中数字滚动效果 - js/jQuery - 前端,jquery提交不跳转 | 如何实现抽奖程序中数字滚动效果 - js/jQuery - 前端,jquery提交不跳转 ...

    JavaScript有什么让自己代码更精简的奇淫巧技 - js/jQuery - 前端,jquery 字体样式
  • 日历怎么设置签到提醒 - js/jQuery - 前端,jquery 按钮样式
  • 日历怎么设置签到提醒 - js/jQuery - 前端,jquery 按钮样式 | 日历怎么设置签到提醒 - js/jQuery - 前端,jquery 按钮样式 ...

    JavaScript有什么让自己代码更精简的奇淫巧技 - js/jQuery - 前端,jquery 字体样式
  • jquery浏览器调试使用方法 - js/jQuery - 前端,jquery attr 改id无效
  • jquery浏览器调试使用方法 - js/jQuery - 前端,jquery attr 改id无效 | jquery浏览器调试使用方法 - js/jQuery - 前端,jquery attr 改id无效 ...