你们知道JavaScript的优雅写法及骚操作

最新推荐文章于 2023-02-27 11:33:21 发布
最新推荐文章于 2023-02-27 11:33:21 发布
阅读量224 收藏 1
点赞数
分类专栏： 前端面试题 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43623970/article/details/105869207
版权

1、判断为空

小白写法

img

优雅写法:

img

问题：我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂.

2、多条件判断

小白写法

img

优雅写法:

img

3、if else

小白写法

img

优雅写法:

img

4、'骚’操作

img

更多前端学习内容文章干货请关注我的知乎专栏(不断更新),以后有新文章会提醒您,下面的链接是我知乎文章的集合,我把所有重要的文章放在这个目录里面,供大家阅读,希望能对大家有用

阿里名厂标准web前端高级工程师教程目录大全,从基础到进阶,看完保证您的薪资上升一个台阶

在这里我给大家准备了很多的学习资料,希望对大家的学习之路有用

其实你与阿里工程师的差距只差这些东西

coder吹雪
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS的优雅写法
han_calligrapher的博客
11-16 793
如何让js更加优雅，如何提高代码的可读性、复用性、扩展性，可以从以下几点讨论。 变量 函数 类 异步 一、变量： 1、用有意义且常用的单词命名 // Bad: const yyyymmdstr = moment().format('YYYY/MM/DD'); // Good: const currentDate = moment().format('YYYY/MM/DD'); 2、避免无意义的前缀 // Bad: const car = { car
javascript下操作css的float属性的特殊写法
10-30
javascript下操作css的float属性的特殊写法
【10种比较优雅的javaScript的写法】
最新发布
Callme_FanXu的博客
02-27 284
使用at(-1)获取数组中位置最后的一个元素例如：const arr = [1, 2, 2, 4, 4, 5, 6, 6]console.log(arr.at(-1)) // 倒数第一个值console.log(arr.at(-2)) // 倒数第二个值console.log(arr.at(0)) // 正数第一个console.log(arr.at(1)) // 正数第二个。
前端实用操作符，一些写代码的骚操作
zhangjing1019的博客
05-14 510
一些常用的操作符可以让你的前端代码更加简洁明了。本文整理一些 JS 中常用的运算符/操作符，其目的在于简化代码。 1、?? 操作符 空值合并/空判断 空值合并运算符 , 如果第一个参数不是null或者undefined，这个运算符将返回第一个参数，否则，它将返回第二个参数 null ?? 3 //3 undefined ?? 3 //3 7 ?? 3 //7 2、?. 操作符 null传导符（或链判断操作符） 在js，如果读取对象里的某个属性时，往往需要先判断对象是否存
js-常见js优雅写法集合，收集更新中.......
残阳曦月
05-25 538
js-常见js优雅写法集合，收集更新中… @ 1、v-if 多条件判断优雅写法 //普通写法： v-if=" type==1 || type==2 || type==3 " //优雅写法： v-if=" [1,2,3].includes(type) " 2、不同参数类型，条件判断返回不同值 //定义code过滤器 _filterCode(code) { const status = { //思路：当code传入code=401，返回：登录信息已失效，请重新登录 401: '登录信息已失
js优化写法，优雅代码
大山博客
08-24 179
/ 传统函数定义// 箭头函数简化// 传统对象创建age: 30,// 对象字面量简化。
详解javascript函数写法大全
10-17
主要介绍了javascript函数写法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
javascript 操作cookies详解及实例
10-20
主要介绍了javascript 操作cookies详解及实例的相关资料,需要的朋友可以参考下
JavaScript 装逼指南(js另类写法)
10-15
以下是一些提升代码风格和技巧的要点，让你的JavaScript代码看起来更加专业且具有高级感： 1. **Boolean 转换**： 通过 `!!` 双重否定可以将任何值转换为 Boolean 类型。例如，`!!'a'` 会返回 `true`，因为 `'a'` ...
javascript的几种写法总结
10-21
下面小编就为大家带来一篇javascript的几种写法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS复杂判断的更优雅写法代码详解
12-12
我们编写js代码时经常遇到复杂逻辑判的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 举个例子 先看一段代码 /** * 按钮点击事件 * @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */ const onButtonClick1 = (status)=>{ if(status == 1){ sendLog('process
JavaScript 更优雅写法
ydZ157的博客
07-24 202
先看一段代码： /** * 按钮点击事件 * @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */ const onButtonClick = (status)=>{ if(status == 1){ sendLog('processing') jumpTo('IndexPage') }else if(status == 2){ sendLog('fail') jumpTo
JavaScript进阶：如何写出优雅的JavaScript代码
热门推荐
学Java，找哪吒
04-05 1万+
目录一、可维护性代码二、编码规范-可读性三、变量和函数命名四、松散耦合1、解耦HTML和JavaScript2、解耦CSS和JavaScript3、解耦应用程序逻辑和事件处理程序五、编码惯例六、作用域意识1、避免全局查找2、不适用with语句七、优化循环1、简化终止条件2、简化循环体3、使用后测试循环4、展开循环八、语句最少化1、多个变量声明2、插入迭代性值3、使用数组和对象字面量九、优化DOM交互1、实时更新最小化2、使用innerHTML3、使用委托事件4、注意HTMLCollection 一、可维护性
JavaScript优雅写法及骚操作
ZYQZXF的博客
02-13 361
1、 判断为空 直白写法 if(a == undefined) a = []; if(params.success){ params.success(res); } 优雅写法 a = a || []; params.success&&params.success(res); //注意事项 1、if内不能出现var、=等赋值定义语句...
js 怎么写比较优雅
weixin_35752645的博客
12-29 131
写优雅的 JavaScript 代码需要注意以下几点： 遵循编码规范：使用适当的缩进、换行和空格，有助于阅读和理解代码。 命名规范：使用见名知意的变量和函数名，有助于阅读和理解代码。 避免使用全局变量：全局变量容易与其他代码发生冲突，导致意外的错误。 尽量使用简短的代码：写简洁的代码有助于提高代码的可读性和可维护性。 尽量使用纯函数：纯函数没有副作用，只依赖于输入参数，可以更容易的调试和...
JavaScript中的这些骚操作，你都知道吗？
前端开发博客
05-30 667
作者：前端森林链接：https://juejin.im/post/5ecc87386fb9a047d245c7e1引言 ????写这篇文章的缘由是上周在公司前端团队的code revie...
for循环两个略骚的写法
dbghum0371的博客
10-13 109
骚写法 或许你知道，总之我觉得很酷，希望你也这么认为。 递增遍历 最常见场景，从 0 到 10 的遍历，不输出 10： for(let i = -1; ++i < 10;) { console.log(i) } // 0,1,2,3,4,5,6,7,8,9 对比下常规写法： for(let i = 0; i < 10; i++) { console.log(i) }...
如何写出优雅的用es6写出优雅的js
Judy1623
11-14 1333
问题：我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 例如：switch() var y_Statistics = function(){ console.log('执行...
js一些常用的骚操作--仅供参考
03-29
js一些常用的骚操作--仅供参考

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值