在JavaScript中，可以在定义函数时，函数内部还可以定义一个函数，然后外层函数返回值为内部函数。在调用外层函数时，使用一个函数变量接收，然后使用函数调用方式调用这个变量。下面利用实例说明，操作如下：
工具/原料
1
JavaScript
2
HTML5
3
HBuilderX
4
浏览器
5
截图工具
方法/步骤
1
第一步，在已新建的JavaScript文件中，定义函数showUser，函数内部定义变量hairColor并赋值，如下图所示：
2
第二步，再在这个变量的下方，定义函数showColor，这个函数的内部返回值为hairColor，如下图所示：
3
第三步，在showUser函数的返回值为showColor，注意外层函数的返回值为内层函数，如下图所示：
4
第四步，调用showUser函数并赋值给userColor变量，然后使用函数方式调用userColor，如下图所示：
5
第五步，将已保存好的JavaScript文件，引入到HTML5静态页面中，然后查看效果，如下图所示：
6
第六步，保存代码并打开浏览器控制台，查看打印结果；如果在内层函数中传入参数，对应的在内层函数时也需要传入参数，如下图所示：
注意事项
1
注意JavaScript中的闭包的作用和使用场景
2
注意函数内部定义函数并返回函数，调用时的使用方法
下一篇：css如何使每个字符宽度一样？