Home > Article > Web Front-end > A brief discussion on the this calling object of JS

A brief discussion on the this calling object of JS

零到壹度Original: 2018-04-21 15:17:201891browse

The content of this article is about a brief discussion of the this calling object of JS. It has a certain reference value. Now I share it with you. Friends in need can refer to it

Check From the information, I learned that this of JS points to the object of the call.

It’s hard to understand only this sentence, so let’s write a dome.

The code is as follows:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>this测试</title>
<script type="text/javascript" src="jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var a="全局";
$(function(){
	console.log(this);
	$("#start").click(function(){
	console.log(this);
	});
}); 
function  test(){
console.log(this);
console.log(this.a);
}
</script>
</head>
<body>
    <p id="start" >开始</p>
	<p id="test" onclick="test()">点击测试</p>
</body>
</html>

You can see four output problems from top to bottom

Run and see the results:

You can see that the output results of 123 are different

The first one is HTMLDOM

The second one is a p

The third one is a window

The above code can be analyzed as follows:

(PS: this refers to the previous one in the official introduction level object, typo)

Related recommendations:

Detailed explanation of this object in JS

this refers to the current object itself

Why can’t this be used in static methods in Java? , super and direct call to non-static methods

Are this and super references or objects?

The above is the detailed content of A brief discussion on the this calling object of JS. For more information, please follow other related articles on the PHP Chinese website!

Java JS 对象 this

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Familiar with the application of JS scripts in kettle data processingNext article：Familiar with the application of JS scripts in kettle data processing

See more

A brief discussion on the this calling object of JS

Related articles