javascript——this指向

最新推荐文章于 2024-08-07 13:21:54 发布
最新推荐文章于 2024-08-07 13:21:54 发布
阅读量425 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/can_Sunshine/article/details/53889532
本文详细解析了JavaScript中this关键字的指向规则，包括DOM事件、定时器、闭包、自执行函数等不同场景下的表现，并介绍了如何使用call和apply来改变this的指向。

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

1、一般谁调用指向谁

2、DOM 0级，Dom 2级 ——绑定事件的元素

3、html——window

4、  setInterval、setTimeout——window

5、  闭包——window

6、  自执行函数——window

7、  call、apply——改变this指向

8、  在函数中默认是window

js的this详解（后面有题目和我自己的想法，方便理解）
m0_54386801的博客
08-22 494
1、对象中的方法中的this，指向调用它的对象，即 b ,所以 this.a 的输出结果是b对象中的a的值； 如果b对象中没有a，则this.a的输出结果是 undefined。 var o = { a: 10, b: { a: 12, fn: function(){ console.log(this.a); // 输出结果是 12 console.log(this); // 输出结果是 b 对象
JavaScript原理篇——深入理解作用域、作用域链、闭包、this指向
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
04-26 1396
执行上下文描述了代码执行时的环境，包括变量对象、作用域链和 this 值；而作用域则决定了变量和函数的可访问性范围，分为全局作用域和局部作用域。变量对象用于存储变量和函数声明：是与执行上下文相关联的数据结构，用于存储在上下文中定义的变量、函数声明和形参等信息。作用域链用于解析标识符的查找路径：是 JavaScript 中用于解析标识符（变量名）的机制，它由多个执行上下文的变量对象组成的链表结构。当代码在某个执行上下文中查找变量时，会首先查找当前上下文的变量对象，如果找不到，则会沿着作用域链向上一级上
es6箭头函数 this 指向问题
weixin_30666753的博客
10-31 373
es5中 this 的指向 var factory = function(){ this.a = 'a'; this.b = 'b'; this.c = { a:'a+', b:function(){return this.a} } }; console.log(new factory().c.b());...
JavaScript —— this指向问题
Rainbow
08-16 258
20180812 普通函数： this总是代表它的直接调用者(js的this是执行上下文)，例如 obj.func ，那么func中的this就是obj； 在默认情况(非严格模式下，未使用 ‘use strict’)，没找到直接调用者，则this指的是 window； 在严格模式下，没有直接调用者的函数中的this是undefined； 使用call，apply，bind(ES5新增)绑...
JavaScript——this指向问题详解
weixin_43599321的博客
12-29 1166
非严格环境下，全局下的this指向window， 而在严格环境下是undefined。setTimeout等都是挂载在window下的，因此setTimeout中的this，不管怎么写都指向window
JavaScript ——this指向笔试题
weixin_40492102的博客
12-28 682
1.this指向Foo function Foo() { getName = function() { alert(1); } return this; } Foo.getName = function() { alert(2); } Foo.prototype.getN...
JavaScript 高级 ——this指向
weixin_41984072的博客
04-02 255
函数内this的指向 这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。一般指向调用者。 改变函数内部this指向 javaScript为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部this的指向问题，常用的有bind（），call（），apply（）三种方法； 1.call方法 call（）方法调用一个对象...
JavaScript基础——this指向
qmzhna_的博客
03-04 1228
当一段 JavaScript 代码在运行的时候，它实际上是运行在执行上下文中。
JavaScript关于THIS——THIS指向
DebbyOctober的博客
09-16 180
#获取div节点 步骤：获取id(box)，添加box对象的onclick方法 this代表当前对象，再看谁用onclick——box，则this代表的当前对象是box。 #在全局中,变量其实就是window对象属性 例如： #在全局中,函数其实就是window对象的方法 #类比上一个案例，打印this this代表当前对象，再看谁调用fn——window，则this代表的当前对象是window #创建对象，给对象添加一个run方法，打印 两种方式： 方式一： 1.构造函数创建对象: new Objec
javaScript学习笔记————this指向
huli1219的博客
12-06 251
强行改变this指向 call() 改变this指向 调用call() 的时候 会直接执行原来的函数 语法：函数名.call(参数1,参数2......) 参数1：函数中this想要指向的对象 参数2：就是给原来的函数第一个形参赋值的 参数3：就是给原来的函数第二个形参赋值的...
【JavaScript】this指向经典面试题（超详细）
m0_67391521的博客
07-28 1622
本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...
Javascript——聊聊new、对象类型和Class
weixin_45705239的博客
08-07 924
尽管class在语法上更接近传统的OOP语法，但它在JavaScript中更多的是语法糖，底层仍然是基于原型链的继承。需要注意的是，如果你忘记使用 new 调用构造函数，this 将指向全局对象（在浏览器中是 window），这可能导致不可预期的结果，并且很可能污染全局命名空间。构造函数是一种特殊的函数，它们的命名通常以大写字母开头（按照惯例），并且当你想要创建一个新的对象实例时，你会使用new操作符调用它们。最初，JavaScript中没有类（class）的概念，所有东西都是以对象的形式存在的。
javascript 随机取任意四个字母和随机生成一个名字
can_Sunshine的博客
09-25 9589
Math对象 名字 随机生成的名字是： //    //随机取任意四个字母     var str="aporhjbmvncjrovmbxvzzoeclolmqlpvsdffgfgf";     function ss(a,b){         var fanhui="";         for(var i=0;i             var
js页面滚动条到页面的距离
can_Sunshine的博客
11-23 4579
//1.给窗口添加滚动事件 window.onscroll = function(){ //2. 获取滚动时 滚动条到页面的距离 var sTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(sTop); }
js随时判断网络状态
can_Sunshine的博客
11-23 2539
//定义一个按钮 查看连接 /** * 任何时候发请求前都可以去检查连接 */ var online = 0; //1.自定义函数用于判断服务器连接状态 function ping(callback){ //2.实例化对象 var img = new Image(); //3.设置SRC img.src = '01.php'
css八大行星旋转实例
can_Sunshine的博客
11-23 2125
*{ margin: 0; padding: 0; list-style: none; } ul{ width: 600px; height: 600px; margin: 100px auto; background: rgba(0,0,0,0.5); position: relative; } li{ width: 100%; height: 100%; bord
获取元素到页面的距离
can_Sunshine的博客
11-23 1554
* { margin: 0; padding: 0; } .father { width: 500px; height: 500px; background: pink; margin: 100px auto; padding-top: 1px; position: relative; } .son { width: 200px; height: 200px;
javascript 找到第二个参数的位置
can_Sunshine的博客
09-25 1122
//第一种方法     var str="aslfjeodgjuofhbmgl";     function zz(a,b){         var arr= a.split("");         var arr1=[]; //        console.log(a.indexOf(b)); //        console.log(arr);         for
javascript 慢慢返回顶部
can_Sunshine的博客
09-25 1056
body{height: 4000px;position: relative;}         div{color:red;position:fixed;right:50px;bottom:30px;cursor:pointer;display:none}     返回顶部    var d1 =document.getElementById("d1");
JavaScript 箭头函数this指向
最新发布
05-15
// 这里的箭头函数保持了Person构造器内的this指向一致性, 即使经过多次调用也依旧正确反映年龄增长情况. console.log(this.age); }, 1000); } var p = new Person(); // 第二个setInterval每次都会打印出逐渐...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值