javascript日常开发小技巧

1. 访问对象深层属性的简写

有的时候我们需要操作对象的深层属性，但这个深层属性可能有也可能没有，直接访问没有的属性会导致报错，项目直接空白，所以我们一般会这么写

if( obj && obj.person && obj.person.name ){}

当字段名字过长的时候还会导致阅读起来很不方便，而且代码量暴增。
其实像上面的代码我们可以简写成

if( obj ?. person ?.name ){} 

使用?.的时候，如果某层属性没有，会返回undefined，所以完全不用担心因为属性不存在而报错了。

还有一个写法 ??，可以忽视null和unfined两种情况,后面有值则为默认值

var obj = {};
obj?.a??10     //10

2. 知道下标移除数组元素

这个可以忽略，只是我个人经常分不清splice和slice
arr.splice(index, 1);

3. 内存泄漏

原因：不再用到的内存 没有及时释放。
场景：
	- 闭包
	- 定时器由专门的线程维护，即使页面关闭依然存在。这个时候重新打开页面，内存中又会多一份页面数据。重复几次后果不堪设想。
	- 一些意外的全局变量
	- console打印的变量

4. 从数组中快速获取最小值/最大值

可以使用 Math.min() 或 Math.max() 结合扩展运算符来查找数组中的最小值或最大值。

const numbers = [6, 8, 1, 3, 9];
console.log(Math.max(...numbers)); // 9
console.log(Math.min(...numbers)); // 1

5. 简写条件判断语句

如果仅在判断条件为 true 时才执行函数，则可以使用 && 简写。

// 普通写法
if (condition) {
    doSomething();
}
 
// 简写
condition && doSomething();

6. 字符串和数字之间的快速å转换

//数值转化为字符串
let str = 666 + '';  //'666'
//字符串转化为数值
let num = +'666';	// 666

7. 妙用 includes

很多业务场景中会遇到多种情况执行一个逻辑的，
比方说当用户的工作为警察、医生、老年人时，我们执行同一套逻辑。一般情况下我们会这么写：

// 普通写法
if (role === 'police' || role === 'doctor' || role === 'oldman') {
    ...
}

其实可以利用数组的includes方法简化一下代码

const role = 'police';
const techs = ['police', 'doctor', 'oldman'];
 
// includes 写法
if (techs.includes(role)) {
   ...
}