前端入门学习笔记（二十三）JavaScript入门（六）函数、函数表达式、箭头函数、函数调用（参数相关）、JS函数中的大坑

1.函数的命名

函数是行为。所以它们的名字通常是动词。它应该简短且尽可能准确地描述函数的作用。这样读代码的人就能得到正确的线索。
一种普遍的做法是用动词前缀来开始一个函数，这个前缀模糊地描述了这个动作。团队内部必须就前缀的含义达成一致。

例如，以 “show” 开头的函数通常会显示某些内容。
“get…” —— 返回值，
“calc…” —— 计算
“create…” —— 创建，
“check…” —— 检查并返回 boolean 值，等。
下面列举几个例子

showMessage(..)     // 显示信息
getAge(..)          // 返回 age (gets it somehow)
calcSum(..)         // 计算求和并返回结果
createForm(..)      // 创建表格 (通常会返回它)
checkPermission(..) // 检查权限并返回 true/false

---

2.函数创建的方式（函数声明、函数表达式、箭头函数）

方式一(函数声明）

function abs(x) {
   
    if (x >= 0) {
   
        return x;
    } else {
   
        return -x;
    }
}

方式二（函数表达式）

var abs = function (x) {
   
    if (x >= 0) {
   
        return x;
    } else {
   
        return -x;
    }
};

在这种方式下，function (x) { … }是一个匿名函数，它没有函数名。但是，这个匿名函数赋值给了变量abs，所以，通过变量abs就可以调用该函数。
上述两种定义完全等价，注意第二种方式按照完整语法需要在函数体末尾加一个;，表示赋值语句结束。

方法三（箭头函数）
一些比较简单的方法，比如要创建一个sum()函数，a和b为参数，sum(a,b)可返回a+b的值。
用函数表达式的话大致是这样的代码

var sum = function(a, b) {
   
  return a + b;
};

而使用箭头函数的话，代码如下所示

 var sum = (a, b) => a + b;

如果我们只有一个参数，那么括号可以省略，甚至更短：

var double = n => n