细说JavaScript函数从函数的构成开始

JavaScript 函数是程序中的基础组件之一。在本文中，我们将深入了解 JavaScript 函数，包括函数的构成、参数传递和作为值的函数等。

函数的构成

JavaScript 函数由函数名称、参数列表、函数体和返回值组成。下面是一个最简单的 JavaScript 函数示例：

function sayHello() {
  console.log("Hello, world!");
}

这个函数没有参数，函数体中只有一句打印语句，没有返回值。下面是一个带参数的函数示例：

function sayHelloTo(name) {
  console.log("Hello, " + name);
}

这个函数有一个参数 name，函数体中会打印 Hello, 后跟参数 name 的字符串。函数调用的时候，需要提供参数，例如：

sayHelloTo("Lucy");

这样就会打印出 Hello, Lucy。

下面是一个带返回值的函数示例：

function add(x, y) {
  return x + y;
}

这个函数接收两个参数 x 和 y，函数体中返回这两个参数的和，可以这样调用：

var result = add(1, 2);
console.log(result); // 打印 3

参数传递

JavaScript 函数的参数传递方式是值传递。这意味着函数接收的参数是参数值的副本，而不是参数变量本身。下面是一个例子：

function double(x) {
  x = x * 2;
  console.log("函数内 x = " + x);
}

var number = 10;
double(number);
console.log("函数外 number = " + number);

输出结果如下：

函数内 x = 20
函数外 number = 10

可以看到，参数 number 在函数内部被修改了，但是函数外部的 number 变量没有改变。这是因为在函数内部，x 是参数 number 的副本，而不是参数 number 本身。

如果参数是一个对象，那么传递的是对象的引用，而不是对象本身的副本。这意味着，在函数内部修改对象的属性会影响函数外部的对象。例如：

function setName(obj, name) {
  obj.name = name;
}

var person = { name: "Lucy" };
setName(person, "Lily");
console.log(person.name); // 打印 Lily

可以看到，虽然函数内部并没有返回修改后的对象，但是函数外部的 person 对象的 name 属性已经被修改了。

作为值的函数

在 JavaScript 中，函数也可以是一个值，可以像其他变量一样被传递、赋值和使用。下面是一个简单的示例：

var greet = function() {
  console.log("Hello, world!");
}

greet(); // 执行函数

这里定义了一个匿名函数，并将它赋值给 greet 变量。greet() 调用了这个函数并打印了 Hello, world!。

还可以将函数作为参数传递给其他函数，例如：

function run(func) {
  func();
}

run(function() {
  console.log("函数被调用了！");
});

run 函数接收一个函数参数 func，并在函数体中调用该函数。在这个示例中，我们传递了一个匿名函数作为参数。

以上就是 JavaScript 函数的构成、参数传递和作为值的函数的介绍。希望对你有帮助！