JavaScript中this关键字具体指向什么对象?

2026-05-22 07:000阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计723个文字,预计阅读时间需要3分钟。

JavaScript中this关键字具体指向什么对象?

今天看到有些同学对this指向有疑问,总结了下。首先,在普通函数中,this指向调用此函数的对象。下面看几个例子。

button按钮1/buttonbutton按钮2/buttonscriptlet btns=document.getE...

今天看到有些同学对this指向有疑问,总结了下。

首先,在普通函数中,this是指向调用此函数的对象。下面我们来看几个例子。

JavaScript中this关键字具体指向什么对象?

<button>按钮1</button> <button>按钮2</button> <script> let btns = document.getElementsByTagName('button') btns[0].onclick = function() { console.log(this === btns[0]) } btns[1].addEventListener('click', function() { console.log(this === btns[1]) }) </script> //以下为控制台打印内容 true true

可以看到,当我们点击这两个按钮时,返回的都是 true,这个相信大家都应该知道。

阅读全文

本文共计723个文字,预计阅读时间需要3分钟。

JavaScript中this关键字具体指向什么对象?

今天看到有些同学对this指向有疑问,总结了下。首先,在普通函数中,this指向调用此函数的对象。下面看几个例子。

button按钮1/buttonbutton按钮2/buttonscriptlet btns=document.getE...

今天看到有些同学对this指向有疑问,总结了下。

首先,在普通函数中,this是指向调用此函数的对象。下面我们来看几个例子。

JavaScript中this关键字具体指向什么对象?

<button>按钮1</button> <button>按钮2</button> <script> let btns = document.getElementsByTagName('button') btns[0].onclick = function() { console.log(this === btns[0]) } btns[1].addEventListener('click', function() { console.log(this === btns[1]) }) </script> //以下为控制台打印内容 true true

可以看到,当我们点击这两个按钮时,返回的都是 true,这个相信大家都应该知道。

阅读全文