JavaScript基础系列之函数和方法详解

下面是“JavaScript基础系列之函数和方法详解”的完整攻略：

1. 函数的定义和调用

1.1 函数的定义

函数的定义可以使用 function 关键字，语法如下：

function functionName(parameter1, parameter2) {
  // Function body
}

其中 functionName 表示函数名，parameter1 和 parameter2 是函数的参数名。

函数体内可以包含任意语句，可以使用 return 关键字返回一些数据。

1.2 函数的调用

函数的调用使用函数的名称和参数列表，语法如下：

functionName(argument1, argument2, ...);

其中 argument1，argument2 等表示函数的实参。

1.3 函数的返回值

函数的返回值使用 return 关键字，语法如下：

function functionName() {
  return returnValue;
}

其中 returnValue 表示函数要返回的值。

1.4 示例说明

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

console.log(add(1, 2)); // 输出 3

上面的代码定义了一个名为 add 的函数，接收两个参数 x 和 y，返回它们的和。在调用该函数时，使用 console.log() 输出函数的返回值。

2. 函数的参数传递

函数的参数传递有两种方式：传递原始值和传递对象。

2.1 传递原始值

传递原始值时，实参的值会被复制到形参中，修改形参的值不会影响实参的值。

function changeValue(x) {
  x = 10;
}

let value = 5;
changeValue(value);
console.log(value); // 输出 5

上面的代码定义了一个名为 changeValue 的函数，接收一个参数 x，然后将 x 的值修改为 10。在主程序中声明了一个变量 value，并将其赋值为 5。然后将 value 作为参数调用 changeValue 函数，输出 value 的值，可以看到输出的值仍然是 5。

2.2 传递对象

传递对象时，实参和形参指向同一个对象，修改形参的值会影响实参的值。

function changeObject(obj) {
  obj.prop = 'new value';
}

let obj = { prop: 'old value' };
changeObject(obj);
console.log(obj.prop); // 输出 new value

上面的代码定义了一个名为 changeObject 的函数，接收一个参数 obj，然后将 obj 中的 prop 属性修改为 'new value'。在主程序中声明了一个对象 obj，并将其 prop 属性的值赋为 'old value'。然后将 obj 作为参数调用 changeObject 函数，输出 obj.prop 的值，可以看到输出的值变为了 'new value'。

3. 函数作为返回值

函数作为返回值时，返回函数的定义，使用该函数可以访问外部函数的变量和参数。

function outerFunction() {
  let x = 5;

  function innerFunction() {
    return x;
  }

  return innerFunction;
}

let inner = outerFunction();
console.log(inner()); // 输出 5

上面的代码定义了一个名为 outerFunction 的函数，该函数定义了一个局部变量 x，然后返回了一个内部定义的函数 innerFunction。在主程序中，将 outerFunction 的返回值赋给了变量 inner，然后调用 inner() 函数，输出的值为 outerFunction 中定义的局部变量 x 的值，即 5。

4. 方法

方法是一类与对象相关的函数，可以通过 . 运算符调用。

let str = 'hello world';
console.log(str.toUpperCase()); // 输出 HELLO WORLD

上面的代码调用了字符串对象 str 的 toUpperCase() 方法，该方法可以将字符串转换为大写字母。

5. 匿名函数

匿名函数也称为 lambda 表达式，可以将函数体定义为一个表达式。

let square = function(x) { return x * x; };
console.log(square(5)); // 输出 25

上面的代码定义了一个名为 square 的变量，并将一个匿名函数赋给它。该函数接收一个参数 x，返回 x 的平方。在调用 square(5) 函数时，输出结果为 25。

以上就是“JavaScript基础系列之函数和方法详解”的完整攻略，其中包括了函数的定义、调用和参数传递，以及函数作为返回值和方法的使用。同时还给出了两个示例说明函数和方法的使用。