Javascript写代码时容易犯的错误
切换变量0和1
// if判断可以这么写 let flag = 0; if (flag === 0) { flag = 1; } else { flag = 0; } // 也可以用三目运算符 flag = flag === 0 ? 1 : 0; // 也可以使用位异或（^） flag ^= 1;
一般我建议在js上是尽量少用位运算，为什么呢？因为位运算其实二进制数执行运算，包括与&、或|、异或^、非~、左移<<、右移>>都是整数的逐位运算。然而，不幸的是在js内部所有数字都是双精度浮点数，所以这些运算js会先转为整数再运算，而且代码阅读性也会降低。异或（位值”一样的就为0 不一样就为1）
其实说到位运算，还不得不提一个月更贴，为什么
console.log(0.1 + 0.2 === 0.3); // false
总结一句就是十进制转二进制的精度丢失，如果想深入了解，推荐一篇文章0.1 + 0.2不等于0.3？为什么JavaScript有这种“骚”操作？ 78
!!
继续说位运算中的非，我在项目中看到越来越多的人用!!来判空等操作，针对一般场景也没什么问题，但是毫无节制的使用!!真的有必要吗？比如已知表达式就是一个Boolean值，还需要这样判断吗？
非运算字面比较简单——真就是假，假就是真，不过js的类型特点，还是详细看下：
console.log(!null); // true console.log(!0); // true console.log(!1); // false console.log(!''); // true console.log(!'a'); // false console.log(!{}); // false console.log(!{ a: 'a' }); // false let a = 0; if (!!a) { console.log('no empty'); } else { console.log('is empty'); }
这里基本涵盖了所有类型（boolean就没必要参与了），可以看到null、undefined、0、’'是true,其它为false,所以我们就明白为什么很多人用这个来判断空字符串了吧，问题却来了0不是空啊，比如常见场景我们Http请求时，要剔除空参数，但如果参数有个0，那就尴尬了吧~即使你真的要将0纳入false范畴，我也更推荐下面的做法：
console.log(Boolean('null')); console.log(Boolean(0)); console.log(Boolean(1)); console.log(Boolean('')); console.log(Boolean('a')); console.log(Boolean({})); console.log(Boolean({ a: 'a' }));
如果你只是单纯的想判断空，可以使用下面的方法
function isEmpty(str) { return null == str || '' == str; } console.log(isEmpty(0)); console.log(isEmpty(void 0)); console.log(isEmpty(null)); ———————————————— 版权声明：本文为CSDN博主「程序员牛哥」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/pengfeicfan/article/details/115587211
void其实是javascript中的一个函数，接受一个参数，返回值永远是undefined。可以说，使用void目的就是为了得到javascript中的undefined
console.log(void "hello") // undefined console.log(void ("hello")) // undefined console.log(void (0)) // undefined console.log(void 0) // undefine //
void(0)和undefined
为什么不直接使用undefined呢？主要有2个原因：
使用void 0比使用undefined能够减少3个字节。虽然这是个优势，个人但感觉意义不大，牺牲了可读性和简单性
console.log("undefined".length) console.log("void 0".length)
2、undefined并不是javascript中的保留字，我们可以使用undefined作为变量名字，然后给它赋值,, 但在chrome 中打印出来的是 undefined
undefined === void 0 \\ true
isNaN的问题
Number.isNaN() - JavaScript | MDN
猜测下面的值
console.log(isNaN('叽里呱啦')); console.log(Number.isNaN("叽里呱啦"));
交换值
如果用位运算，则
let a = 1; let b = 2; a ^= b; b ^= a; a ^= b; console.log(a); // 2 console.log(b); // 1
但与借助中间值，似乎差距不大
let a = 1; let b = 2; let c = a; a = b; b = c; console.log(a); // 2 console.log(b); // 1
而现在基本都支持ES6的情况下，其实可以用解构来操作
let a = 1; let b = 2; [a, b] = [b, a]; console.log(a); // 2 console.log(b); // 1
- 解构一般用来如本例的交换值，或者从对象取值，如
// 从对象中取值 let obj = { a: 1, b: 2, c: 3 }; let { a, b, c } = obj; console.log(a, b, c); // 1,2,3 // 从数组中取值 let arr = [1, 2, 3, 4, 5]; let [a, , , b, , c] = arr; console.log(a, b, c); // 1 4 undefined
但解构的作用可不仅仅是如此，还有很多妙处，比如：从数组中取一个值，如果该索引不存在则赋一个默认值
let arr = [1]; let value = 'a'; if (arr.length > 1) { value = arr[1]; } console.log(value); // a
而用解构，则仅需
let arr = [1]; let [, value = 'a'] = arr; console.log(value); // a
清空数组的操作
let arr = [1,2,3]; // 第一种写法 arr = []; // 第二种写法 arr.length = 0;
两种写法有什么区别呢？
第一种写法其实是赋值一个新数组给变量aar，第二种写法是直接操作原数组。看下面例子
let arr = [1, 2, 3]; let arr2 = arr; arr = []; console.log('arr=', arr); // [] console.log('arr2=', arr2); // [ 1, 2, 3 ] arr = arr2; arr2.length = 0; console.log('arr=', arr); // [] console.log('arr2=', arr2); // []
- 两种写法，很明显不能一棍子说优劣，但如果你的数组不需要使用了，自然应该使用Array.length=0的写法。
For循环length问题
let a =[1,2,3,4]; for(let i=0;i<a.length;i++){ console.log(a[i]); }
let a =[1,2,3,4]; const len = a.length; for(let i=0;i<len;i++){ console.log(a[i]); }
let a =[1,2,3,4]; for(let i=0,len = a.length;i<len;i++){ console.log(a[i]); }
这三种的优劣比较，显然第三种比较科学
内存堆栈的问题
let a = '111'; let b = '111'; console.log(a == b); let a1 = { name: '111' }; let a2 = { name: '111' }; console.log(a1 == a2);
当 JavaScript 程序运行时，在非全局作用域中产生的局部变量均储存在栈内存中。
但是，只有原始类型的变量是真正地把值储存在栈内存中。
而引用类型的变量只在栈内存中储存一个引用（reference），这个引用指向堆内存里的真正的值。
💡 原始类型（Primitive type）
原始类型又称基本类型，包括 string、number、bigint、boolean、undefined、null 和 symbol（ES6 新增）。
原始类型的值被称为原始值（Primitive value）。
补充：虽然 typeof null 返回的是 'object'，但是 null 真的不是对象，会出现这样的结果其实是 JavaScript 的一个 Bug
💡 引用类型（Reference type）
除了原始类型外，其余类型都属于引用类型，包括 Object、Array、Function、Date、RegExp、String、Number、Boolean 等等...
实际上 Object 是最基本的引用类型，其他引用类型均继承自 Object。也就是说，所有引用类型的值实际上都是对象。
引用类型的值被称为引用值（Reference value）。
简单来说
在多数情况下，原始类型的数据储存在栈内存，而引用类型的数据（对象）则储存在堆内存
最后翻出一个老梗，前端如何不带脏字吐槽PM
console.log((!(~+[]) + {})[--[~+""][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]]);
