如何在外部或其他函数内调用JavaScript嵌套函数？

核心结论 #

默认情况下，无法直接从定义嵌套函数的外部函数之外，或是在另一个函数内部调用该嵌套函数，原因是JavaScript的词法作用域规则：嵌套函数nested_func_1的作用域被限定在它的外层函数func_1内部，只有func_1内部的代码才能直接访问它。

针对你的三个具体问题：

• 在func_2中无法直接调用func_1内部的nested_func_1，运行时会抛出ReferenceError: nested_func_1 is not defined的错误。
• 在所有函数外部也无法直接调用nested_func_1，同样会抛出引用错误（你的代码里还把函数名写成了nested_funct_1，多了个t，即使名字正确也无法访问）。

如何实现外部访问嵌套函数？ #

如果确实需要在func_1外部访问nested_func_1，可以通过以下两种方式暴露它：

1. 让外层函数返回嵌套函数

修改func_1，使其返回nested_func_1，这样就能在外部获取到该函数的引用：

function func_1(){
    function nested_func_1(a){
        console.log("<br/> NESTED READ");
        a = a * 2;
        return a;
    };
    // 返回嵌套函数的引用
    return nested_func_1;
};

// 获取嵌套函数的引用
const getNestedFunc = func_1();

// 在func_2中调用
function func_2(){
    const b = getNestedFunc(32);
    return b;
};

// 外部调用
const result = getNestedFunc(23);
console.log(result); // 输出46

2. 将嵌套函数挂载到全局对象（不推荐）

把nested_func_1赋值给全局变量，这样任何地方都能访问，但这种方式会污染全局作用域，不建议在实际项目中使用：

function func_1(){
    window.nested_func_1 = function(a){
        console.log("<br/> NESTED READ");
        a = a * 2;
        return a;
    };
    const b = nested_func_1(23);
    return b;
};

// 先调用func_1，将嵌套函数挂载到全局
func_1();

// 在func_2中调用
function func_2(){
    const b = nested_func_1(32);
    return b;
};

// 外部调用
const b = nested_func_1(23);
console.log(b);

原代码的错误说明 #

你的原始代码运行时会出现两个错误：

1. 调用func_2()时，nested_func_1未被定义，抛出引用错误。
2. 最后一行调用nested_funct_1(23)时，函数名拼写错误（应为nested_func_1），且即使拼写正确，全局作用域也不存在该函数，同样抛出引用错误。

内容的提问来源于stack exchange，提问作者London28