js中的this指向

最新推荐文章于 2025-05-27 21:20:12 发布
最新推荐文章于 2025-05-27 21:20:12 发布
阅读量238 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript 文章标签： js this
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Honey_tianming/article/details/90403504
博客主要介绍了JavaScript中this指向的具体含义，即函数的所属关系。阐述了在全局范围、函数中、构造函数等不同场景下this的指向情况，还给出了解决this指向问题的方法，如使用bind方法、变量接收、ES6箭头函数、call和apply改变指向等。

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

this指向的具体含义 就是函数的所属关系 就是这个函数属于哪个对象（属于谁）

1.全局范围内使用this，指向的就是window
2.在函数中使用this，指向的就是这个函数调用的对象
3.构造函数中的this 会指向创建出来的实例对象
4.如果一个函数中有this，这个函数中包含多个对象，
尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象

5.对象中的嵌套函数的this指向不是当前对象，而是window

解决方法
使用函数的bind方法，绑定当前this；
使用变量将上面的this接收一下，然后下面不使用this，使用那个变量
使用ES6的箭头函数，可以完美避免此问题；

call和apply也可以改变函数中this的具体指向。
apply和call的唯一区别，就是在传参的时候，apply的参数需要放在一个数组里面，而call不需要；

Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
JavaScript中嵌套函数的this指向及修改
qq_41625748的博客
10-04 1096
首先，我们先看一段代码如果是下，运行结果是:；如果是下，运行结果是:；
JavaScript中的this指向全解析
qssn的博客
09-20 511
面试常见问题，特地记录一下。 代码已经关联到github： 链接地址 觉得不错可以顺手点个star，这里会持续分享自己的开发经验（： this 在 JavaScript 中，this 是指当前函数中正在执行的上下文环境，下面从定义的方式和调用的方式上简单聊下其中的this指向问题。 定义的形式 function关键字 通过 function 构造的函数，this是运行时指向，取决于运行时的调用者（作用域）。 var obj = { foo: function () { //定义时位于全局，之后
this指向问题
weixin_43844696的博客
04-02 162
this 指代哪个对象？ 1. 通常在函数中的 this 指向的是调用函数的那个对象(谁调用指向谁) 2. 事件函数中的 this 通常指向的是绑定事件的事件源元素 3. 构造函数中的 this ，（使用 new 调用构造函数创建对象），通常指向的是 new 所创建出来的对象本身 4. 全局范围的 t...
js中this的指向
weixin_42789120的博客
03-24 140
1、this 指的是调用当前方法（函数）的那个对象，也就是说函数在谁那被调用，this就指的是谁。 来看两个栗子： 很容易看出，函数是在按钮对象被点击的时候调用，所以this指的是obtn，这两种情况是等同的是，只是调用函数的写法不同。 2 当函数里面嵌套函数的时候，嵌套的那个函数里面的this指的是window,不要过分深究这个原因，因为这是JS的一个特性。 来看个栗子： 3 、对于上述情况...
深入理解JS函数中this指针的指向
weixin_30722589的博客
08-16 269
函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。 怎么理解指向呢，我认为指向就是等于。例如直接在js中输入下面的等式： console.log(this===window);//true 情况不同，this指向的对象也不同。例如： 1. 函数声明的情况 var bj=10; function add(){ ...
JavaScript 中 this 指向详解
最新发布
HGX-DJK
05-27 573
调用方式this 指向普通函数全局对象（非严格）；undefined（严格）对象方法该对象箭头函数定义时的外层作用域构造函数（new）新创建的实例对象显式传入的对象事件监听器（function）触发事件的 DOM 元素事件监听器（箭头）外层作用域全局对象class 方法调用者（需手动绑定）
js中this指向问题
weixin_46541579的博客
04-09 1165
在js中，this关键字的指向是一个比较重要的概念，它的值取决于函数的调用方式。
JavaScript中this指向总结
qq_29579625的博客
10-05 608
理解this的工作原理是掌握JavaScript的关键之一，因为它直接影响到函数的执行方式和数据的访问方式。this的指向是动态的，这是由函数的调用方式决定的。通常，this指向最后调用它的对象。总结以下是一些常见的this指向的情况：在普通函数中，this指向全局对象（在浏览器中是window在对象方法中，this指向调用该方法的对象。在构造函数中，this指向新创建的对象。在箭头函数中，this持有外层作用域中的this。在事件监听函数中，this通常指向监听该事件的DOM元素。使用。
JavaScript中this指向.docx
09-14
### JavaScript中this指向详解 #### 一、引言 在JavaScript编程中，`this`关键字的使用及其指向问题一直是困扰很多开发者的难点之一。不同于传统面向对象编程语言如Java或C#中的`this`概念，JavaScript中的`this`...
针对JavaScript中this指向的简单理解
11-23
1. **默认指向**：在一个非严格模式的全局环境中，如果`this`未被任何对象引用，它将默认指向`window`对象（在浏览器环境）或`global`对象（在Node.js环境）。在严格模式下，`this`在全局作用域中将被设置为`...
微信小程序开发一个简单的摇骰子游戏
热门推荐
Honey_tianming的博客
11-16 1万+
页面代码 <view class='top'>{{txt}}</view> <view class='point1'> <image src='{{one_img}}'></image> </view> <view class='point2'> <image src='{{two_img}}'&
Ajax请求接口并将数据返回到页面
Honey_tianming的博客
05-30 9438
<script> $(function(){ $.ajax({ type: "post", //接口地址 url: "http://47.92.145.141:8111/index/index/newsList", data: ...
react处理富文本
Honey_tianming的博客
06-25 3152
渲染富文本 dangerouslySetInnerHTML={{ __html: data.n_message ? data.n_message.replace(/\/ueditor/g, APIHost + '/ueditor') : '' }} 去掉富文本里的p标签 (item.n_message).replace(/<\/?p[^>]*>/gi,'') ...
React实现闪烁效果
Honey_tianming的博客
05-25 2502
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
react输入框的搜索
Honey_tianming的博客
06-25 2194
<input placeholder='请输入您想要的商品' onKeyDown={(v) => this.searchFunc(v)} /> async searchFunc(v) { var evt = window.event || v; if (evt.keyCode == 13) { ...
react截取地址栏的id并请求接口
Honey_tianming的博客
06-25 1258
//初始化请求 componentWillMount() { const { location } = this.props; const parse = queryString.parse(location.search.replace('?', '')); this.setState({ id: parseFloat(par...
截取网址链接里的id
Honey_tianming的博客
06-01 1219
var id =window.location.search.substring(window.location.search.indexOf('=')+1) console.log(id);
JavaScript中this指向详解与调用方式
当我们直接调用一个函数，如`window.fn()`，`this`指向全局对象（在浏览器环境中通常是`window`），因此会打印出`普通函数的this指向window`。 2. 构造函数调用： 构造函数用于创建新的对象，如`var ldh = new ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值