JavaScript 函数怎么定义

平时我们写代码的时候，总需要重复做某件事，比如计算快递运费、判断用户输入的手机号对不对，要是每次都从头写一遍代码，不仅慢还容易写错。这时候，把重复的代码打包成“小工具”用就很方便，这个“工具”在编程里就叫函数，而JavaScript里的函数，就是帮我们省事儿的“代码小盒子”。

最常用的函数：声明式函数

你可以把这种函数当成家里的“固定家电”，买回来插好电就一直能用，不用临时拼零件。定义它的时候，你得给这个“家电”起个名字，比如叫“算快递费”，告诉它“首重10块，续重每公斤3块”，以后要算运费，直接喊它名字就行。

举个例子：

`javascript

// 定义一个算快递费的函数

function calculateFee(weight) {

return 10 + (weight - 1) * 3;

}

// 要算5公斤的运费，直接用函数名

console.log(calculateFee(5)); // 输出22，计算的是10 + 4*3=22

`

这里的weight就是给函数的“输入”，比如快递重量，return就是告诉函数，算完的结果要给你。这种函数用起来很省心，哪怕写在代码最开头，后面随便哪里用都能找到它，就像家里的冰箱，不管你在客厅还是厨房都能用。

随时能用的函数：表达式式函数

这种就像你包里的“便携充电宝”，需要的时候拿出来用，不用的时候收起来。定义它的时候，是把函数塞给一个变量，就像把充电宝装在包里，要用时拿出来就行。

举个例子：

`javascript

// 把函数塞给变量checkPhone

const checkPhone = function(phone) {

return phone.length === 11;

};

// 检查输入的手机号是不是11位

console.log(checkPhone('13800138000')); // 输出true，是11位

`

这种函数的“有效期”是从定义的地方开始，要是你把它写在条件里，比如用户点了“检查手机号”才定义，没点的话就用不了，很灵活，适合临时需要的小功能。

更轻便的箭头函数

要是你觉得前面两种还是有点麻烦，现在还有更简单的“迷你函数”，就像你手机里的快捷指令，一句话就能搞定。它是ES6版本新出的，适合做简单的小计算，没有复杂的规则。

举个例子：

`javascript

// 定义一个算小费的箭头函数，消费的10%当小费

const calculateTip = money => money * 0.1;

// 消费200块，算小费

console.log(calculateTip(200)); // 输出20

`

这里的箭头=>就相当于“函数要做的事”，要是只有一个输入，连括号都能省。不过它有个小缺点，不能当“家电”或者“充电宝”那样用，适合简单的小功能，就像你平时快速算个小费，不用想复杂的逻辑。

不管哪种定义方式，核心都是把重复的代码打包成小工具，以后用的时候直接调用就行。比如你要是总需要判断手机号，不用每次都写phone.length === 11，直接用checkPhone就行，既省时间又少出错，这就是JavaScript函数的好处。