js 函数相关知识点有哪些

JavaScript的函数是基础编程构建块之一，它允许封装多次用到的代码、创建模块化代码和抽象化。函数的关键特性有：作用域、闭包、参数和变量提升。首先，作用域是指变量和函数的可访问范围，JavaScript采用的是词法作用域，即函数的作用域在函数定义时就决定了，而不是在函数调用时。闭包是一种特殊的JavaScript函数。一个闭包是一个函数以及该函数声明时的词法环境的组合。

一、函数声明与表达式

函数声明

函数声明是定义函数的一种方法，它会在代码执行之前被提升，因此可以在声明之前调用。

function greeting() {

    console.log("Hello, world!");
}

函数表达式

函数表达式是将函数赋给一个变量，它不会被提升，因此只能在定义之后调用。

const greeting = function() {

    console.log("Hello, world!");
};

二、箭头函数

简化函数写法

箭头函数提供了一种更简洁的函数写法，并且不绑定自己的this值。

const greeting = () => {

    console.log("Hello, world!");
};

不绑定this

箭头函数不拥有自己的this值，它的this被设置为它被创建时的上下文。这对于避免常见的this误用很有帮助。

三、函数参数

默认参数

默认参数允许函数在调用时未提供特定参数，自动使用一个默认值。

function greet(name = "Guest") {

    console.log(`Hello, ${name}!`);
}

剩余参数

剩余参数语法允许我们将一个不定数量的参数表示为一个数组。

function sum(...numbers) {

    return numbers.reduce((acc, current) => acc + current, 0);
}

四、异步函数

异步编程和回调

JavaScript是单线程的，为了实现非阻塞行为，异步编程模型被广泛应用。异步函数允许我们在等待异步操作适时完成后，再执行后续代码。

function fetchData(callback) {

    setTimeout(() => callback("Data fetched"), 1000);
}

Promises和Async/AwAIt

Promises提供了处理异步操作的新方式，可以避免回调地狱（Callback Hell）。async/await是对Promises的改进，使异步代码看起来和同步代码相似。

async function fetchData() {

    const data = await fetch('url');
    console.log(data);
}

五、作用域和变量提升

作用域

作用域决定了代码块中变量和函数的可见性和生命周期。在JavaScript中，我们主要有全局作用域、函数作用域和块级作用域（ES6引入）。

变量提升

变量和函数声明在编译阶段会被提升到其作用域顶部。变量提升可能会导致意外的行为，因此最佳实践是声明在顶部，或者使用let和const。

六、闭包

闭包是JavaScript的一个核心概念，它允许函数访问并操作其外部词法作用域中的变量。

闭包的创建

每当创建一个函数时，闭包就会被创建。闭包包含该函数自身以及该函数在创建时所能访问的所有局部变量。

function outer() {

    let counter = 0;
    function inner() {
        counter++;
        console.log(counter);
    }
    return inner;
}

闭包的应用

闭包允许你在内部函数中访问定义在外部函数中的变量，常用于创建私有变量，模块化代码等。

七、高阶函数

函数作为参数

高阶函数是至少满足下列条件之一的函数：接受一个或多个函数作为参数、返回一个函数。这使得代码更加模块化和可复用。

function forEach(array, action) {

    for (let item of array) {
        action(item);
    }
}

函数作为返回值

函数也可以作为另一个函数的返回结果，通常用来创建可以记住自身状态的函数。

function multiplier(factor) {

    return function(number) {
        return number * factor;
    };
}

八、递归函数

递归函数是一种自己调用自己的函数，适用于解决可以分解为更小相同问题的情况。

递归原理

递归函数需要一个终止条件来避免无限循环，每次函数调用都应该更接近这个终止条件。

function factorial(n) {

    if (n === 1) {
        return 1;
    }
    return n * factorial(n - 1);
}

递归与迭代

递归通常可以被迭代循环替代，但在处理树形结构或者需要回溯的算法时，递归提供了更简洁的解决方案。

以上介绍了JavaScript函数的一些关键概念，有助于深入理解和运用函数以编写高效和模块化的代码。在实际编程工作中，了解并正确应用这些知识点将是提高代码质量的重要步骤。

相关问答FAQs：

1. 什么是JavaScript函数？

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。