关于js中this指向复习

最新推荐文章于 2024-04-19 16:39:36 发布
最新推荐文章于 2024-04-19 16:39:36 发布
阅读量1.6k 收藏
点赞数
分类专栏： 复习 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LRQQHM/article/details/114532488
版权
本文详细阐述了JavaScript中this关键字的指向规则，包括对象方法中的this指向对象本身，普通函数中的this指向全局对象window，以及构造函数中的this指向新创建的实例对象。理解这些基本规则对于深入掌握JavaScript至关重要。
摘要由CSDN通过智能技术生成

简单说this指向 谁调用指向谁
1.对象.方法() 中，方法中的this指向的就是对象
2.普通函数中的 this 指向window，这是因为 window 是JS中的顶级对象，可以通过window点的形式访问在全局作用域中定义的任何变量或方法
3. 构造函数中的 this 指向实例对象

KAGHQ
关注
专栏目录
复习js中的this指向
方寸间的博客
04-24 120
1.函数在方法上的指向 // 在方法中使用this,方法是指放在对象里的函数 const obj = { foo:function(){ console.dir(this); } } obj.foo() 在es6中,方法的另一种写法是否会有所不同呢?来看一下: ...
彻底搞懂JavaScript的this指向问题
mingjuna2010的博客
06-28 381
this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的 JavaScript 开发者也很难说清它到底指向什么。 一、为什么要用this？ 下面我们来解释一下为什么要使用 this： const me = { name: "xiaoming" }; const you = { name: "xiaohua" }; function identify() { return this.name.
JS 中 this 指向问题
Jack, what else can you do besides holding your little darling?
12-01 347
JS 中 this 指向问题
Vue中关于this指向的重要原则
zxdznyy的博客
12-29 3508
1.所被Vue管理的函数，最好写成普通函数。这样的this指向实例对象；2.所有不被Vue所管理的函数（定时器，ajax，回调）最好写成箭头函数，这样this依旧指向Vue或者组件的实例对象。
JavaScript中this的指向问题
fujiaxu666的博客
11-02 447
JavaScript中this的指向问题 参考资料： JavaScript 的 this 原理 - 阮一峰的网络日志 (ruanyifeng.com) Javascript 的 this 用法 - 阮一峰的网络日志 (ruanyifeng.com) JS中的this指向问题(详细版)_LoveyL0201的博客-CSDN博客 《你不知道的JavaScript》-上，推荐读这本书 本文记录了JavaScript中this指向问题的学习心得，为以后的复习做准备。 讨论this的时候要注意是否在严格模式下。下
JS数据类型、数组、this指向复习
最新发布
rt3Dmax9的博客
04-19 785
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题。
JS中this指向详细介绍(含案例)
天明的博客
03-11 784
JavaScript中this作用很大不仅一部分简化了代码更加使得函数功能更加强大，小编今天根据案例好好提及一下该知识点。小编这一段知识点都是有联系的如果有需要大家可以从前面几篇了解起。 一、this指向总结 1.全局中指向window 2.函数预编译过程时指向window 3.call apply改变this指向（在上一篇博客中详细提及了他们两个的作用今天就不包含在实际案例之中） 4....
JS this 的指向和改变
Ares5k
07-23 199
this 的指向和修改
说说JS中关于this指向这件事
qq_40755381的博客
05-01 322
引言 最近在学习的过程中发现越来越多的地方使用到this,在此之前我对this的指向知之甚少，由此决定深究一一番，做下记录以备今后复习之用，文章内所有代码执行结果只针对浏览器环境。 this在做代词时翻译成中文的意思是：(指较近的人或事物)这，这个;(指已提到过的人或事物)这;记住这个对于理解this有帮助。 心得 一般情况下this的指向只有在调用时才能确定，箭头函数是个例外在定义是就已经...
复习JavaScript中this指向及绑定
10-19
复习JavaScript中this指向及绑定
js老生常谈之this,constructor ,prototype全面解析
01-19
javascript中的this,constructor ,prototype，都是老生常谈的问题，深入理解他们的含义至关重要。在这里，我们再来复习一下吧，温故而知新！ this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面...
Classes:在ES6ES7 js模块中复习类概念
03-20
使用箭头函数定义类方法，可以正确地绑定`this`上下文，避免在回调函数中`this`指向错误的问题。 三、模块系统与类 在JavaScript的模块系统中，类可以作为模块导出和导入的成员。例如： ```javascript // 导出类...
让盒子出现滚动条的方法
LRQQHM的博客
04-26 2611
外面盒子高度或者宽度小于里面的盒子 外面盒子设置overflow auto
github上的免费简单的学习网站
LRQQHM的博客
01-17 1897
https://github.com/freeCodeCamp/freeCodeCamp
实用的 CSS — 贝塞尔曲线(cubic-bezier)
LRQQHM的博客
01-17 930
https://www.jianshu.com/p/d999f090d333 animation-timing-function: cubic-bezier(0, 0, 0.58, 1); cubic-bezier参数就是p1，p2坐标
render函数渲染一些组件的示例
LRQQHM的博客
04-23 419
渲染tag标签 render (h) { return h('el-tag', { props: { type: 'danger', icon: 'el-icon-edit' } }, 3333) } 渲染组件 import MyComponent from './MyComponent' components: { MyComponent }, render () { return ( <MyComponent>
height auto和height 100%区别
LRQQHM的博客
04-30 389
height:auto是自适应内容的高度 height:100%是相对于最近的父盒子的高度
component实现组件切换
LRQQHM的博客
04-22 367
如果要实现两个组件之间的切换 <component :is<组件名称>></component> <template> <div> <div v-for="(item, index) in componentList" :key="index"> <div @click="componentChange(item.name)"></div> </div> &lt
深入理解JavaScript this的绑定与指向
本文详细解析了JavaScript中"this"关键字的指向和绑定机制，针对初学者和需要复习的开发者设计。"this"在JavaScript中的行为与函数的调用方式密切相关，而非仅依赖于函数的定义位置（箭头函数除外）。 1. 函数调用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值