JS各种概念 - 技术栈

JS各种概念

Alan-Xia2024-05-15 15:57

/纯函数（Pure Function）：一个纯函数的输出只取决于输入参数，不会改变任何外部状态或产生副作用。

javascript 复制代码

// 纯函数示例

function add(a, b) {

    return a + b;

}

副作用（Side Effect）：在函数执行期间对外部环境进行修改或造成其他影响的行为。

javascript 复制代码

// 副作用示例

let counter = 0;



function increment() {

    counter++;

}

increment();

console.log(counter); // 输出 1

颗粒化（Currying）：将接受多个参数的函数转换为一系列接受单个参数并返回新函数的过程。

javascript 复制代码

function multiply(a) {

    return function(b) {

        return function(c) {

            return a * b * c;

        };

    };

}



console.log(multiply(2)(3)(4)); // 输出 24

高阶函数（Higher Order Function）：能够接受函数作为参数或返回一个函数的函数。

javascript 复制代码

// 高阶函数示例

function operate(func, a, b) {

    return func(a, b);

}



function add(a, b) {

    return a + b;

}



console.log(operate(add, 3, 4)); // 输出 7

前端模块化是指将前端代码分割成多个独立的模块，每个模块都有特定的功能和责任。

这样做的好处包括提高代码的可维护性、可读性和复用性，同时也有利于团队协作和项目的扩展性。

在前端开发中，常用的模块化方案包括CommonJS、AMD（Asynchronous Module Definition）、CMD（Common Module Definition）和ES6 Modules等。

通过模块化，开发者可以更好地管理项目的代码结构，降低耦合度，提高开发效率。