this的指向

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量60 收藏
点赞数
文章标签： javascript es6 html5 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gezi_shirt/article/details/114659037
版权 
this的指向

this的指向

之前一直不懂箭头函数和普通函数的区别,什么指针丢失,后来自己试了一下

在这里插入图片描述

在这里插入图片描述
这里是运行结果
在这里插入图片描述
先看前5行 obj.fn()
第一行 fn函数是obj.fn()所以 fn的指向是obj 这很简单
第二行 say函数 因为是箭头函数 this没有丢失 this还是指向obj
第三行 fn1 我是fn函数开始var 了一个that保存了this 这里的指针是一开始就保存好了的 指向obj
第四行 fn2 这里是经典的bind 改变指针的指向
第五行 同样是fn2 但是这里的name age 都是我在最前面 申明过了的
说明丢失的指针指向了window

再看中间的五行 obj.fn.bind(obj1)()
对比一下 默认的this 指向改变了 但是还是最后丢失了

再看最后五行指向window 看不出来谁丢失了 但是之前丢失的指针的第五行和这里指向window的值是一样的 所以丢失的指针指向了window

我都不知道我在想什么
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
this指向
weixin_44144755的博客
04-06 229
this指向 全局this 指向window console.log(this); 普通函数中this 非严格模式下指向window，严格模式下指向undefined function fn(){ console.log(this); } fn();// window || undefined var obj={ a:function(){ function fn1(){ console.log(this)
this的指向问题（总结版）
shan33__的博客
03-20 1300
在闭包函数中 this 同样取决于函数被调用的方式。否则，this 的指向取决于函数被调用的上下文。否则，this 的指向取决于函数被调用的上下文。当函数以普通函数（包括自执行函数）形式调用时，this指向全局对象window。的值由箭头函数定义时的外层作用域决定，而不是调用时的情况。方法将函数绑定到指定的对象上，则事件处理函数中的。当函数以普通函数（包括自执行函数）形式调用时，将指向触发事件的元素本身，即事件绑定的元素。将指向被绑定的对象，而不是触发事件的元素。当函数作为对象的方法调用时（回调函数），
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
CSON_Fuck的博客
04-23 1208
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
JS中的this指向
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
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
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。
深入理解js函数的作用域与this指向
10-22
下面小编就为大家带来一篇深入理解js函数的作用域与this指向。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js this指向
01-08
JavaScript this指向总结 在JavaScript中this永远指向当前函数的主人，即函数的调用对象或事件的调用对象，大致分为以下几种情况。 单独的this或者全局函数中的this指向window对象 console.log(this);//this => ...
this指向问题.md
09-02
this指向问题.md
JavaScript中的this指向问题
weixin_43758377的博客
03-12 1176
JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置； 针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也
this指向问题汇总
Jermyo的博客
12-13 3925
普通函数： 1、this总是代表着他的直接调用者，例如obj.fun()，那么fun()中的this就是obj； 2、调用的时候，没有任何前缀，则指向window，new的时候，指向new出来的对象； 3、在默认情况下(非严格模式)，没找到直接调动者，则this指向window； 4、在严格模式下，没有直接调用者的函数中的this是undefined； 5、使用call、apply、bind绑定的......
this的指向问题
code_J的博客
04-13 4375
js 中的 this 指向十分重要，在我们的工作和面试中也会时常遇到，倒是对this，总是不太了解，今天我来带大家系统的了解和学习一下。 一、this的指向 this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境； this的指向大体分为以下几种情况： 1、全局作用域和普通函数调用，此时 this 指向 window 当函数不作为对象的属性被调用，而是以普通函数的方式，this总是指向全局对象（在浏览器中，通常是Window对象
this.指向 和对象function
thinkingw770s的博客
07-14 843
this 指向在js中会被以下三种属性改变：1：定时器；2:new 出来的构造函数；3:call 和 apply;例子1：function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window } a();按照我们上面说的this最终指向的是调用它的对象，...
this指向及改变this指向的方法
热门推荐
李天下
06-28 5万+
原先总结过this指向问题，但看了大佬们写的之后，觉得自己遗漏了很多点，所以，结合大佬们的，重写一遍 一、函数的调用方式决定了 this 的指向不同： 普通函数调用，此时 this 指向 window function fn() { console.log(this); // window } fn(); // window.fn...
js this的指向详解
maoguiyou的专栏
05-21 5627
js 的this指向主要有四种： 1.作为对象的方法调用，这个时候this指向的事该对象 例如: var obj={ a:1, getA:function(){ alert(this===obj);//true alert(this.a);//1 } } 2.作为普通函数调用，这个时候this总是指向全局对象（在浏览器中既window对象) window.name='z
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 397
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值