一、arguments对象

1.1 什么是arguments对象

在 JavaScript 中，每个函数都有一个特殊对象 arguments，该对象包含传递给函数的参数列表。在函数体内部，可以通过 arguments 对象来访问这些参数。arguments 对象在传参不确定或者需要动态传参的时候非常实用。

1.2 arguments和参数列表的对比

arguments和参数列表的区别如下：

参数列表是函数定义时的一个命名列表，而arguments对象是函数运行时内部的一个对象。
参数列表包含传递给函数的指定参数，而arguments对象包含传递给函数的所有参数，包括指定的参数和调用时传递的任意参数。
参数列表不能访问调用时没有提供给函数的任何参数，而arguments对象可以访问到这些参数。

1.3 arguments使用方法

传递参数的方式有很多种，可以使用函数的形式参数列表，也可以使用 apply() 方法来传递参数。如果使用 apply() 方法，实参就应该是数组或类数组对象，因为这样可以方便地在多个函数之间传递参数。

下面是一段代码示例，演示了如何使用 arguments 对象来计算任意个数之和：

function sum() {
   let result = 0;
   for (let i = 0; i < arguments.length; i++) {
      result += arguments[i];
   }
   return result;
}
console.log(sum(1, 2, 3, 4, 5)); // 15

在这个例子中，sum() 函数内部的 arguments 对象包含了 1、2、3、4 和 5 这五个参数。函数使用 for 循环遍历 arguments 对象中的所有参数，并将它们逐个累加起来，最后返回它们的和。

二、this对象

2.1 什么是this对象

在 JavaScript 中，this 关键字用于引用当前函数正在运行的上下文环境。具体来说，它代表了当前函数所属的对象，或者说是调用函数的那个对象。this 对象在执行函数时被创建，它会指向一个对象，这个对象代表了函数所属的上下文环境。

在函数内部，this 对象的值是由调用方式决定的。如果是在全局作用域中调用函数，this 的值将是全局对象 window。如果在某个对象上调用函数，this 的值将是这个对象。

2.2 this和严格模式

使用严格模式可以避免一些常见的 this 错误，建议在编写 JavaScript 代码时开启严格模式。在严格模式下，如果在全局作用域中调用函数，this 值将是 undefined，而不是全局对象 window。

2.3 this使用方法

下面是一个使用 this 对象的例子，演示了如何使用 this 显示对对象进行引用：

let person = {
   firstName: 'Zhang',
   lastName: 'San',
   fullName: function() {
       return this.firstName + ' ' + this.lastName;
   }
}
console.log(person.fullName()); // 张三

在这个例子中，我们创建了一个 person 对象，并为其添加了一个 fullName() 方法。该方法中使用了 this 关键字，它指向了正在运行的 person 对象。在 fullName() 方法中，使用 this.firstName 和 this.lastName 分别引用了 person 对象的两个属性，最后返回它们的拼接结果。

再来看一个例子，在这个例子中，我们使用 call() 方法来改变 this 的值：

let person1 = {
   fullName: function() {
       return this.firstName + ' ' + this.lastName;
   }
}
let person2 = {
    firstName: 'Li',
    lastName: 'Si'
}
console.log(person1.fullName.call(person2)); // Li Si

我们首先创建了两个对象 person1 和 person2。在 person1 对象中，我们创建了一个 fullName() 方法，该方法中使用了 this 关键字来引用当前对象。接着，我们创建了 person2 对象，并为它设置了 firstName 和 lastName 两个属性。最后，我们调用了 person1.fullName.call(person2)，call() 方法的作用是将 person2 对象作为当前对象来调用 person1 对象的 fullName() 方法，从而改变了 this 的值。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：JavaScript中arguments和this对象用法分析 - Python技术站

JavaScript中arguments和this对象用法分析