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 代码。

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。