JavaScript函数中上下文有哪些规则

JavaScript中的函数实际上是对象，和其他对象一样在创建时会得到一个[[Scope]]属性，用于指向函数创建时的作用域链。这个作用域链保存了在函数创建时的变量对象和外部词法环境的引用关系。在函数调用时，JavaScript会创建一个活动对象（也称为执行上下文），用于保存函数执行过程中产生的变量对象、函数调用参数、this指向等信息。

JavaScript中函数的上下文规则主要包含以下几条：

1. 函数会首先在自身的作用域链中查找变量、函数等信息，如果找不到则会继续向外部词法环境查找，直到找到为止。

2. JavaScript中的函数存在函数作用域，而不是块级作用域，即函数内部定义的变量和函数在整个函数内部都可以访问到，但在函数外部是不可见的。

3. 在函数内部，通过var声明的变量会被自动添加到函数作用域中的变量对象中，而通过let和const声明的变量不会。

4. 在函数内部，可以通过arguments对象访问函数的参数，同时也可以使用函数的剩余参数语法进行访问。

下面通过两个示例进一步说明函数上下文的规则：

示例一：

var a = 1;
function foo() {
  console.log(a);
  var a = 2;
}
foo(); // 输出undefined

在这个示例中，函数foo内部先使用了console.log(a)语句，但此时a还未被声明，所以打印结果为undefined。这是由于在函数内部使用了var声明了一个新的a变量，并被自动添加到函数作用域的变量对象上。

示例二：

function foo() {
  console.log(arguments[0]);
  console.log(arguments[1]);
  console.log(arguments[2]);
}
foo(1, 2, 3); // 输出1，2，3

在这个示例中，函数foo通过arguments对象访问了函数传入的三个参数，并依次打印出来了。此外，可以使用函数的剩余参数语法来获取函数传入的参数信息，示例代码如下：

function foo(...args) {
  console.log(args);
}
foo(1, 2, 3); // 输出[1, 2, 3]

在这个示例中，使用了函数的剩余参数语法将函数传入的所有参数打包成了一个数组，方便了函数内部的参数访问和管理。