js에서 이것이 다음을 가리키는 여러 가지 상황이 있습니다.

JavaScript에서 이 항목의 포인팅 유형은 다음과 같습니다. 1. 전역 객체 2. 함수 호출 3. 생성자 호출 4. 이벤트 핸들러(외부 this 상속) 또한, 바인딩(), call() 및 apply() 메서드를 사용하여 이것이 가리키는 내용을 명시적으로 설정할 수 있습니다.

JavaScript에서

this를 가리키는 유형

JavaScript에서 이 가리키는 유형은 다음과 같습니다.

1 전역 객체

• 함수가 전역에 있을 때. 범위 내에서 호출되면 이는 창 개체(브라우저에서) 또는 전역 개체(Node.js에서)를 가리킵니다.

2. 함수 호출

• 함수가 메소드로 호출되면 메소드가 포함된 객체를 가리킵니다.
• 예: const person = { name: "John", Greeting: function() { console.log(this.name) }};const person = { name: "John", greet: function() { console.log(this.name); }}; person.greet();

3. 构造函数调用

• 当使用 new 关键字调用函数时，this 指向新创建的对象。
• 例如：const person = new Person("John");

4. 事件处理程序

• 当事件处理程序（如 onclick）调用时，this 指向触发事件的元素。
• 例如：<button onclick="this.style.color = 'red'">Click me</button>

5. 箭头函数

• 箭头函数中没有自己的 this，它会继承外层作用域的 this。
• 例如：const person = { name: "John", greet: () => console.log(this.name); };

3. 생성자 호출

new 키워드를 사용하여 함수를 호출하면 새로 생성된 객체를 가리킵니다.
• 예: const person = new Person("John");

🎜4. 이벤트 핸들러🎜🎜🎜🎜이벤트 핸들러(예: onclick)가 호출되면 다음을 가리킵니다. 트리거링 이벤트 요소. 🎜🎜예: <button onclick="this.style.color = 'red'">나를 클릭하세요</button>🎜🎜🎜🎜5. 화살표 기능🎜🎜🎜🎜In 화살표 함수 자체 this가 없으면 외부 범위에서 this를 상속합니다. 🎜🎜예: const person = { name: "John", Greeting: () => console.log(this.name) };🎜🎜🎜🎜Notes🎜🎜🎜🎜예 이것이 무엇을 가리키는지 명시적으로 설정하려면 바인딩(), call() 및 apply() 메서드를 사용하십시오. 🎜🎜Arrow 함수와 클래스 메서드는 항상 이를 정의된 범위에 바인딩합니다. 🎜🎜

위 내용은 js에서 이것이 다음을 가리키는 여러 가지 상황이 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!