JavaScript函数怎么用？从函数定义到作用域闭包新手一次讲清

刚学网页开发，不少人卡在JavaScript函数这一关。其实函数没那么玄乎，它就是一段被包起来、可以反复调用的代码块——把常用的逻辑起个名字，想用的时候喊一声就行，不用每次都重写。老陈用大白话带你搞懂JavaScript函数怎么定义、参数怎么传、作用域到底怎么回事，最后把让新手头大的闭包也讲明白，全程配小例子，照着抄就能跑。

一、为什么要用函数

假设页面里要算三次商品价格加运费，不用函数就得把加法写三遍，改一处要改三处，又烦又容易错。把这段逻辑写成函数，以后只写一行调用就搞定。函数的作用就两个：减少重复代码、让程序更好维护。这是所有编程语言通用的思路。

二、三种定义函数的方式

最常用的是 function 声明：function 加法(单价, 数量) { return 单价 * 数量; }。第二种是函数表达式，把函数赋给一个变量。第三种是箭头函数，写法更短，适合简单计算。新手先把第一种练熟，后面两种自然就懂了。

• function 声明：最直观，适合大多数场景
• 函数表达式：把函数当值来用，更灵活
• 箭头函数：代码短，常用于回调

三、参数和返回值

括号里的是参数，相当于函数用的原材料；return 后面的是返回值，是函数交出的成果。比如算平方的函数，传进去数字3，返回9。如果忘了写 return，函数就等于白干、拿不到结果。新手调试时记得先确认函数有没有 return。

四、作用域：变量在哪能用

作用域决定变量在哪些地方能访问。在函数外面声明的叫全局变量，哪里都能用；在函数里面声明的叫局部变量，只在函数内部有效，出来就消失。所以两个函数里可以用同名变量互不影响，这就是局部作用域的好处。写代码尽量把变量关在函数里，少造全局变量，能避免很多莫名冲突。

五、闭包到底是什么

闭包听着吓人，其实就是函数记住了它出生环境里的变量。比如一个函数里包了另一个函数，里面的函数还能用到外面函数的变量，即使外面函数已经执行完。最常见的用处是做计数器、私有数据。新手不用钻牛角尖，先记住：闭包 = 函数 + 它所能访问的外部变量，用到时再回头体会。

六、新手最容易踩的坑

• 函数名和变量名撞车，导致调用出错
• 忘记写 return，以为拿到了结果其实拿到的是 undefined
• 把全局变量和局部变量搞混，改了值却没生效
• 函数里用循环变量时没注意作用域，闭包拿到的是最后的值

老陈总结

JavaScript函数是前端的基本功，搞懂定义、参数、返回值、作用域这四块，闭包也就水到渠成。新手朋友别光看，今天回去就动手写三个小函数练手：一个算两数之和、一个判断奇偶数、一个用循环输出一到十。写熟了，你再看别人代码里的函数就会觉得，不过如此。