js中this指向问题

最新推荐文章于 2024-09-03 21:44:01 发布
最新推荐文章于 2024-09-03 21:44:01 发布
阅读量142 收藏
点赞数
分类专栏： JavaScript 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spring0205/article/details/126713127
版权

1.函数作为对象的方法在这里插入图片描述
print函数作为obj对象的方法来调用，他的this就指向obj方法
2.级联函数
在这里插入图片描述
this指向obj里的o
3.箭头函数
在这里插入图片描述
this指向window 箭头函数跟上下文有关
4.强制改变this指向
在这里插入图片描述
this本来指向obj 要让他指向o 用call、apply、bind强制指向o
5.new 的情况
在这里插入图片描述
this指向new出来的person
有默认的return
在这里插入图片描述
如果自己加了return 如果是js基本数据类型 就不会改变返回值 非基本数据类型就会改变返回值

想做合格的前端程序员
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中的this指向问题
weixin_45325750的博客
10-17 292
uni-app this指向问题 这是什么 本文仅记录我寄己在初次使用uni-app做app开发所掉的坑的一个记录。 问题描述：因为使用chrome的密码自动填充会改变input框的样式，很丑，我搞不定选择绕路，不过我也试过挣扎一番（根据网上指引改了一下默认的样式，可能因为在uni-app中有点问题，没用），很丑。 怎么解决 绕路：不让浏览器帮我自动填冲，我寄己搞，使用localStorage缓存...
js中this指向问题总结
rain19982016的博客
03-02 1128
1. 默认绑定规则 （1） 全局作用下 this指向window console.log(this); （2） 函数独立调用下 this指向window function test(){ console.log(this); } test() 2. 隐式绑定规则 object.fun() 对象的方法，this指向调用这个方法的对象 函数执行，this才会指向，才有意义，每一个函数执行都会有一个自身的this指向。 函数不执行，this没意义。每个this都代表着函数的执行。 var a = 0;
JavaScript中this指向问题
m0_72752380的博客
10-28 1054
箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，
js中this的指向问题
m0_51055743的博客
08-22 1064
js中this指向问题
Javascript中this指向问题
Celester_best的博客
03-14 1803
普通函数时，this指向window <script> function test() { console.log('=== test this: ', this) } test() const test1 = function () { console.log('===test1 this: ', this) } test1() &
JavaScript中 this 指向问题深度解析
12-08
JavaScript中的`this`指向是一个复杂且关键的概念，它在编程中扮演着重要角色。不同于其他许多编程语言，JavaScript中的`this`值不是在函数定义时确定的，而是根据函数调用方式动态决定的。理解这一点对于编写高效和...
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
然而，`this`关键字在这些定时器函数中的指向问题常常会给初学者带来困扰。 在JavaScript中，`this`的值取决于它被调用的上下文。通常，如果函数是作为对象的方法调用，`this`将指向那个对象。但在`setTimeout`和`...
Vue前端路由详解——以Ruoyi框架为案例学习
最新发布
警警的博客
09-03 690
Ruoyi框架前端路由通过Vue Router实现，支持静态路由和动态路由的配置，通过路由守卫实现权限控制等需求，采用路由懒加载提高应用性能，并通过路由元信息存储自定义信息。这些特性共同构成了Ruoyi框架前端路由的完整体系，为开发者提供了灵活、强大的路由管理能力。
前端的面试题
本人小可爱
08-30 745
【代码】前端的面试题。
跨页面进行数据通讯
榴莲不好吃的专栏
09-02 399
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。
vue 通过事件的形式调用全局组件
liux6687的博客
08-29 1679
通过vue.use 挂载组件，然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。
js对象操作常用方法
m0_75276704的博客
09-02 479
2.构造函数创建 2.方括号 三、添加属性 四、删除属性 五、判断属性是否存在 1.in运算符 2.hasOwnProperty方法 六、遍历对象属性 1.for...in...循环 2.Object.keys，Object.values，Object.entries 七、深拷贝与浅拷贝 1.浅拷贝 2.深拷贝 八、合并对象 Object.assign 九、其他方法 1.Object.is() 比较两个
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 1340
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
深入理解JavaScript闭包：避免常见的内存泄漏问题
官方推荐
09-02 3368
深入理解JavaScript闭包：避免常见的内存泄漏问题
KEYSIGHT是德 Infiniium EXR系列 示波器
XLTYQYB的博客
08-29 1415
该系列的所有型号都集成了一个 10 位 ADC，并且在所有通道上同时提供 16 GSa/s 的采样率。高分辨率 ADC 的效用取决于示波器的前端底噪是否足够低以提供与之匹配的额外的量化电平空间。我们的低噪声前 端包含定制 IC，例如 130 纳米 BiCMOS IC（其中集成了用户可选的模拟滤波器），并且带宽可通过软件 许可证升级。使用硬件滤波时，噪声低至 43 μV，系统 ENOB 达到 9.0 位。Infiniium EXR系列 示波器 型号比较。垂直分辨率是 8 位示波器的 4 倍。
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
xuehai996的博客
08-29 2397
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
vue3+ts封装一个uniapp的自动滚动列表，实现看板效果
qq_51384850的博客
08-31 890
自行配置滚动时间，滚动的高度默认为一行数据的高度，当数据更新的时候，会对新旧数据进行比较，在旧数据的基础上删除解除异常了的数据，将新增异常数据加到数据的最顶部，重新开始从顶部滚动，实现数据在电视机上的实时刷新和展示
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值