js函数中this指向的问题

最新推荐文章于 2025-05-30 15:50:41 发布

包淼淼

最新推荐文章于 2025-05-30 15:50:41 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_32849999/article/details/80458151

js 专栏收录该内容

79 篇文章

订阅专栏

本文详细解释了JavaScript中this关键字的不同行为及其在各种上下文中的指向。涵盖了普通函数、对象方法、定时器回调、构造函数及原型方法等场景，并通过具体示例展示了this的具体指向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script>

/*
*
* 函数中的this的指向
*
*
* 普通函数中的this是谁?-----window
* 对象.方法中的this是谁?----当前的实例对象
* 定时器方法中的this是谁?----window
* 构造函数中的this是谁?-----实例对象
* 原型对象方法中的this是谁?---实例对象
*
*
* */

//严格模式:
// "use strict";//严格模式
// function f1() {
// console.log(this);//window
// }
// f1();

// 普通函数---函数声明
function f1() {
console.log(this);
}
f1();
// 普通函数---函数表达式
var f2= function () {
console.log(this);
};
f2();
//定时器中的this
setInterval(function () {
console.log(this);
},1000);

// 构造函数
function Person() {
console.log(this);
// 对象的方法
this.sayHi=function () {
console.log(this);
};
}
// 原型中的方法
Person.prototype.eat=function () {
console.log(this);
};
var per=new Person();
console.log(per);
per.sayHi();
per.eat();

//BOM:中顶级对象是window,浏览器中所有的东西都是window的

</script>
</head>
<body>

</body>
</html>