JavaScript 中哪些技巧属于“奇技淫巧”，哪些属于“高级用法”

在JavaScript开发中，奇技淫巧通常指那些过于独特、晦涩或者违反直觉的编程手法，这些技巧往往牺牲代码的可读性和可维护性以换取少量的性能优化或者表达上的“巧妙”，例如利用位运算代替数学运算、过度使用短路运算符等。而高级用法则通常指运用JavaScript语言的深层特性来编写更加清晰、高效且可维护的代码。这些用法能够帮助开发者解决复杂问题、提升代码性能和可读性，例如闭包、模块化编程、Promise以及异步编程技术等。

奇技淫巧往往在长期维护和团队协作中产生问题，因为这些代码只有作者本人能够快速理解和维护。然而，高级用法往往是团队中鼓励使用的，因为它们基于语言的标准特性，便于共享和推广。

一、奇技淫巧

奇技淫巧是那些与常规JavaScript编程范式相悖的编程手法，它们通常只在特定情境下有较为明显的效果，而非通用解决方案。下面列举一些典型的“奇技淫巧”：

使用位运算代替数学运算

开发者有时候会使用位运算如左移（<<）代替乘法，右移（>>）代替除法，用以取整等，来追求微小的性能优化：

// 简单的数学运算

let multiplyByTwo = x => x * 2;
let divideByTwoAndFloor = x => Math.floor(x / 2);
// 使用位运算的“奇技淫巧”
let multiplyByTwoBitwise = x => x << 1;
let divideByTwoAndFloorBitwise = x => x >> 1;

过度使用短路运算符作为条件语句

短路运算符如&&和||通常用于逻辑表达式，但它们也会被用作条件语句，这虽然可以减少代码的书写量，但降低了代码的可读性：

let isActive = true;

// 传统的条件执行
if(isActive){
    doSomething();
}
// 利用短路运算的“奇技淫巧”
isActive && doSomething();

二、高级用法

JavaScript的高级用法通常指的是那些能够大幅度改善代码结构、提升性能和异步编程体验的特性。下面是一些高级且被广泛认可的JavaScript编程技巧：

闭包

闭包是JavaScript中的一个重要概念，它允许内部函数记住其所在的上下文环境，即使外部函数已经执行完毕：

function makeCounter() {

    let count = 0;
    return function() {
        return count++; 
    };
}
let counter = makeCounter();
console.log(counter()); // 0
console.log(counter()); // 1

闭包在模块化编程、数据封装和柯里化等高级编程模式中扮演着重要角色。

模块化编程

模块化编程（包括ES6中的模块导入和导出）是当前JavaScript应用开发中的标准实践：

// math.js

export function add(x, y) {
    return x + y;
}
// mAIn.js
import { add } from './math.js';
console.log(add(1, 2)); // 3

模块化不仅帮助开发者组织代码，更通过导入和导出使功能复用变得更加简单。

Promise 和异步编程

承诺（Promise）和异步编程是处理JavaScript中异步操作的重要手段。特别是随着async/await的出现，异步代码的可读性和可维护性得到了极大的提升：

function fetchData() {

    return new Promise((resolve, reject) => {
        setTimeout(() => resolve("data received"), 1000);
    });
}
// 使用async/await的高级用法
async function asyncCall() {
    console.log('calling');
    const result = await fetchData();
    console.log(result);
}
asyncCall(); // calling -> (等待1秒) -> data received

综上所述，“奇技淫巧”虽然有时能带来小幅度的性能提升，但常常影响代码的可读性和可维护性，应谨慎使用。相反地，“高级用法”则鼓励开发者运用JavaScript的深层次和先进特征，写出更优雅、更健壮的代码。

相关问答FAQs：

1. 为什么有些 JavaScript 技巧被称为“奇技淫巧”？

JavaScript 中的“奇技淫巧”是指那些巧妙但并不常见或易于理解的技巧。这些技巧在某些特定情况下可能会有用，但在日常开发中并不被广泛使用。原因是它们往往比较难以维护和理解，对团队合作和代码可读性来说并不友好。

2. 有哪些常见的 JavaScript 技巧被归类为“奇技淫巧”？

一些常见的“奇技淫巧”包括使用位运算符进行数值操作，利用 JavaScript 中的隐式类型转换进行特殊计算，使用短路运算符来简化逻辑判断，以及使用“一行代码”来实现复杂功能等。尽管这些技巧在某些特定场景下可能非常高效，但在多数情况下它们会降低代码的可读性和可维护性。

3. 什么样的 JavaScript 技巧可以称为“高级用法”？

JavaScript 中的“高级用法”是指那些在使用时可以提高代码质量和性能的技巧，同时又能保持良好的代码可读性和可维护性。一些常见的“高级用法”包括使用箭头函数来简化代码书写和避免 this 问题，利用解构赋值和扩展运算符来提高代码的表达力和可读性，使用模块化和类以及其他语言特性来组织代码，以及合理地使用异步编程方式来提高性能和用户体验等。这些技巧虽然有一定的学习曲线，但可以帮助开发者编写出更高质量的 JavaScript 代码。