JS弃之可惜食之无味的代码冷知识
JS代码冷知识大全
1. 变量提升与暂死
在JavaScript中，变量提升是一个有趣且容易让人误解的概念。在代码中，变量和函数声明会在其所在作用域的顶部被提升，但是初始化并不会被提升。这可能导致在声明之前就使用变量，结果为undefined。
console.log(myVar); // 输出：undefined
var myVar = 42;
而暂时性死区（Temporal Dead Zone，简称TDZ）则是在块作用域中的一段区域，在这个区域内访问变量会抛出错误。它确保了变量在声明之前不可访问，从而防止了意外错误。
2. 短路运算符
JavaScript中的短路运算符（&&和||）不仅仅用于逻辑判断，还可以用于条件赋值。这样的用法可以在一行代码中根据条件为变量赋不同的值。
let name = "Alice";
let defaultName = "Guest";name = name || defaultName;
console.log(name); // 输出："Alice"let isAdmin = true;
let accessLevel = isAdmin && "Admin Access";
console.log(accessLevel); // 输出："Admin Access"
3. 字符串和数组隐式转换
你可能知道可以使用reverse()方法来反转数组，但你是否知道可以使用类似的方式来反转字符串？字符串可以被当作类似数组的对象，因此可以使用数组方法来操作字符串。
let str = "JavaScript";
let reversedStr = [...str].reverse().join("");
console.log(reversedStr); // 输出："tpircSavaJ"
4. 逗号运算符
逗号运算符在JavaScript中用于分隔表达式，并按顺序计算它们，最后返回最后一个表达式的结果。这个特性可以用来在一行代码中执行多个操作。
let a = 5;
a = (a++, a *= 2, a + 10);
console.log(a); // 输出：21
5. 参数的隐式转换
在函数调用时，JavaScript会进行隐式的类型转换，将参数从原始类型转换为对象类型。
let num = 42;
num.toString(); // 隐式转换为Number对象并调用toString()let str = "Hello!";
str.length; // 隐式转换为String对象并获取length属性
结语