js this 获取id

在 JavaScript 中，this 关键字的指向取决于函数的调用方式。

当在对象的方法中使用 this 来获取对象的 id 属性时，示例代码如下：

const obj = {
  id: 10,
  getId: function() {
    return this.id;
  }
};

console.log(obj.getId()); // 输出 10

如果在普通函数中使用 this 来获取 id ，情况会比较复杂。在非严格模式下，如果函数是独立调用的，this 通常指向全局对象（在浏览器中是 window ）。在严格模式下，this 是 undefined 。

例如：

function getId() {
  return this.id;
}

const idValue = getId(); // 非严格模式下，idValue 为 undefined；严格模式下会报错

如果在事件处理函数中使用 this 获取元素的 id ，this 通常指向触发事件的元素。

例如：

<button id="myButton" onclick="console.log(this.id)">点击我</button>

当点击按钮时，会在控制台输出 myButton 。

如果在构造函数中使用 this 来定义和获取 id ，示例如下：

function MyClass(id) {
  this.id = id;
}

const instance = new MyClass(20);
console.log(instance.id); // 输出 20

总之，要正确获取 id ，需要根据函数的调用上下文来确定 this 的指向。常见的问题是 this 指向不正确导致无法获取预期的 id ，这可能是因为函数调用方式改变或者作用域混乱。解决方法包括使用箭头函数（箭头函数的 this 指向定义时的上下文）、使用 bind 方法绑定正确的 this 、或者调整代码结构使 this 指向明确。