理解JavaScript中的(this).index方法

在JavaScript中，this关键字是一个特殊的变量，它引用的是调用当前方法的对象，而.index()则是一个数组方法，用于获取数组中元素的位置，当这两者结合使用时，即(this).index()，又会有怎样的效果呢？本文将探讨这个问题。

我们需要了解this关键字的用法，在JavaScript中，this关键字的值取决于它的使用环境，在全局作用域中，this指向全局对象，通常是浏览器的窗口对象，在函数作用域中，this指向调用该函数的对象，如果函数是作为对象的方法被调用，那么this就指向该对象。

我们来看看.index()方法，这个方法是Array对象的一个方法，用于获取数组中指定元素的索引位置，如果没有提供参数，或者提供的参数不在数组中，那么返回值将是-1。

当this和.index()结合使用时，会发生什么呢？这主要取决于this的值，如果this是一个数组，那么(this).index()就相当于调用了数组的.index()方法，用于获取数组中某个元素的位置，如果this不是一个数组，那么(this).index()就会抛出一个错误，因为非数组对象没有.index()方法。

我们有一个名为myArray的数组，它有一个名为myMethod的方法，在这个方法中，我们想要获取数组中某个元素的位置，我们可以这样写：

let myArray = ['a', 'b', 'c'];
myArray.myMethod = function() {
  let index = (this).index('b');
  console.log(index); // 输出：1
};
myArray.myMethod();

在这个例子中，this指向的是数组myArray，所以(this).index('b')就是调用了数组的.index()方法，用于获取元素'b'在数组中的位置，结果是1，因为元素'b'在数组中的索引位置是1。

如果我们尝试在一个非数组对象上使用(this).index()方法，就会抛出一个错误。

let myObject = {name: 'John'};
myObject.myMethod = function() {
  let index = (this).index('John'); // 抛出错误
};
myObject.myMethod();

在这个例子中，虽然我们在对象的方法中使用了this.index()，但是由于对象没有.index()方法，所以会抛出一个错误。

(this).index()是一个非常有用的方法，它可以帮助我们获取数组中元素的位置，我们也需要注意到，这个方法只能在数组对象上使用，不能在非数组对象上使用。