java基础写成的情书

科技前沿 • 2024-12-23 19:48 • 阅读 52

大家好，我是讯享网，很高兴认识大家。

前言

🍊缘由

JS代码小技巧，教你如何守株待妹

🍍你想听的故事：

顶着『前端小王子』的称号，却无法施展自己的才能。

想当年本狗赤手空拳打入前端阵地，就是想通过技术的制高点来带动前端妹子。奈何时不待我，前端妹子成了稀有资源，只剩下抠脚大汉前端大叔。

秉承没有妹子也得继续学习的态度，本狗将实际代码编写中J使用技巧总结。分享给小伙伴们，希望这些姿势知识 java基础写成的情书能够成为吸引妹子的引路石。

正文

一.JS解构赋值妙用

1.采用短路语法防止报错

解构时加入短路语法兜底，防止解构对象如果为 undefined 、null 时，会报错。

讯享网

举例🌰

通过接口获取用户user对象，解构对象信息

❌错误示例

未使用短路语法兜底，不严谨写法

讯享网

✅正确示例

使用短路语法兜底，严谨写法

2.深度解构

解构赋值可以深度解构：嵌套的对象也可以通过解构进行赋值

举例🌰

通过模拟接口获取用户user对象，解构user对象中联系人concat信息

讯享网

3.解构时赋值默认值

解构赋值时可以采取默认值填充

举例🌰

通过模拟接口获取用户user对象，解构user对象时，没有dept科室字段时，可以加入默认值

二.数组小技巧

1.按条件向数组添加数据

根据条件向数组中添加数据

举例🌰

设置一个路径白名单数组列表，当是开发环境添加部分白名单路径，若生产环境则不需要添加

2.获取数组最后一个元素

给到一个数组，然后访问最后一个元素

举例🌰

获取一个数组中最后一个值

3.使用 includes 优化 if

灵活使用数组中方法includes可以对if-else进行优化

举例🌰

如果条件a值是 1，2，3时，打印有个男孩叫小帅

一般写法

三.JS常用功能片段

1.通过URL解析搜索参数

通过页面URL获取解析挂参参数，适用于当前页面需要使用到URL参数时解析使用

JavaDog程序狗

一个低端小气没档次的渣男程序狗

公众号

2.页面滚动回到顶部

页面浏览到某处，点击返回顶部

3.获取页面滚动距离

获取页面滚动距离，根据滚动需求处理业务

总结

这篇文章主要介绍了JavaScript编程中的几个实用技巧，包括解构赋值的妙用、数组操作以及一些常用的JS功能片段，总结如下：

解构赋值妙用

短路语法防止报错：在解构可能为undefined或null的对象时，使用短路语法（|| {}）来避免错误。
深度解构：可以解构嵌套的对象，方便地获取深层属性。
解构时赋值默认值：在解构时可以为未定义的属性提供默认值。

数组小技巧

按条件向数组添加数据：根据条件动态地决定是否向数组添加特定元素。
获取数组最后一个元素：使用slice(-1)获取数组的最后一个元素。
使用includes优化if语句：用includes检查元素是否在数组中，简化条件判断。