JavaScript 作为一门动态语言，拥有丰富的特性和灵活性。这使得开发者们能够编写出既强大又高效的代码。然而，在某些情况下，为了追求代码的精简或性能优化，开发者可能会采用一些非传统的技巧。接下来，我们一起探索一些这样的"奇技淫巧"，一起感受JavaScript的独特魅力。
1. 三元运算符的简洁写法
js
const age = 25;
const message = age > 18 ? 'Adult' : 'Minor'; // 更简洁的条件赋值2. 立即执行函数表达式 (IIFE)
js
(function() {
console.log('Immediately executed!');
})();3. 函数柯里化 (Currying)
js
function add(x) {
return function(y) {
return x + y;
};
}
const addFive = add(5);
console.log(addFive(10)); // 154. 闭包 (Closure)
js
function counter() {
let count = 0;
return function() {
return ++count;
};
}
const increment = counter();
console.log(increment()); // 1
console.log(increment()); // 25. 位运算
js
// 检查一个数是否为2的幂
function isPowerOfTwo(n) {
return n > 0 && (n & (n - 1)) === 0;
}
console.log(isPowerOfTwo(16)); // true6. 字符串模板
js
const name = 'Alice';
console.log(`Hello, ${name}!`); // Hello, Alice!7. 箭头函数
js
const multiply = (a, b) => a * b;
console.log(multiply(3, 4)); // 128. 解构赋值
js
const person = { firstName: 'John', lastName: 'Doe' };
const { firstName, lastName } = person;
console.log(firstName, lastName); // John Doe9. 扩展运算符
js
const arr1 = [1, 2];
const arr2 = [3, 4];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4]10. 短路求值
js
const a = null;
const b = 42;
console.log(a || b); // 4211. 空值合并运算符 (??)
js
const value = null;
const defaultVal = value ?? 5;
console.log(defaultVal); // 512. 可选链操作符 (?.)
js
const obj = { nested: { value: 42 } };
console.log(obj.nested?.value); // 42
console.log(obj.missing?.value); // undefined13. 递归
js
function factorial(n) {
return n <= 1 ? 1 : n * factorial(n - 1);
}
console.log(factorial(5)); // 12014. 使用 Array.from 或 Array.of
js
const arrayFromSet = Array.from(new Set([1, 2, 2, 3]));
console.log(arrayFromSet); // [1, 2, 3]
const arrayWithOneElement = Array.of(42);
console.log(arrayWithOneElement); // [42]15. Promise 链式调用
js
fetch('/api/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));总结一下
这些技巧展示了 JavaScript 的灵活性和强大功能。虽然它们可以使代码变得更加紧凑和高效，但在实际开发中应该根据具体情况谨慎使用。始终记得，清晰和可维护的代码通常是首选。当你考虑使用这些技巧时，请确保它们不会影响到代码的整体可读性和可维护性。