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属性
结语
网友评论