js学习——this的指向

最新推荐文章于 2024-11-04 16:17:23 发布
最新推荐文章于 2024-11-04 16:17:23 发布
阅读量109 收藏
点赞数
文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45859070/article/details/119739573
版权

1.this在普通函数中，直接调用函数

        此时，this指向的是全局，window，这里window中name赋值为ssss

        ①声明函数直接调用，此时this指向window

        ②在对象中声明一个函数，并且做一个拷贝操作，再调用新函数，此时this指向的是window全局

 2.this所在函数被对象调用

        this永远指向调用他的对象

 

 3.this再箭头函数中

        this指向的是包含他的外部函数，即他的上一级，定义这个函数时所处的上下文环境里的this

     a.箭头函数中直接调用函数

 

 b.通过对象调用函数，并且返回的是箭头函数，此时的this指向的是他所处的对象obj

hsy_siying
关注
js高级——this指向
m0_58471238的博客
10-17 281
js高级——this指向
【JavaScript】this指向经典面试题（超详细）
m0_67391521的博客
07-28 1544
本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...
Javascript学习/ this 指向学习
秃头小吴
08-31 128
最近重学this，找了很多资料，最后参考了王红元老师的公众号的文章，有了一下总结，别碰 1.普通函数：this在全局作用域下默认window function aaa() { console.log(this)//window } 2.隐式绑定：是它的调用位置中，是通过某个对象发起的函数调用。 前提条件： 必须在调用的对象内部有一个对函数的引用（比如一个属性）； 如果没有这样的引用，在进行调用时，会报找不到该函数的错误； 正是通过这个引用，间接的将this绑定到了这个对象上； function foo(
this学习（一）this指向什么？
6块腹肌的博客
06-30 255
目录 一：为什么要用this？ 二：常见误解 1、this指向自身 2、this指向函数的作用域 三：this指向什么？ 一：为什么要用this？ 因为this提供了更优雅的方式来隐式传递一个对象的引用，可以将API设计的更加简洁且易于复用。 下面来看一个例子 function fun() { return this.name; } let obj = { ...
js中this指向学习总结
越努力，越幸运！
05-02 7551
js中this指向学习总结
javaScript学习笔记————this指向
huli1219的博客
12-06 226
强行改变this指向 call() 改变this指向 调用call() 的时候 会直接执行原来的函数 语法：函数名.call(参数1,参数2......) 参数1：函数中this想要指向的对象 参数2：就是给原来的函数第一个形参赋值的 参数3：就是给原来的函数第二个形参赋值的...
js高阶——this指向
Louis_77774的博客
10-18 150
js高阶——this指向
JavaScript全解析——this指向
sdasadasds的博客
05-16 577
本系列内容为JS全解析，为千锋教育资深前端老师独家创作致力于为大家讲解清晰JavaScript相关知识点，含有丰富的代码案例及讲解。如果感觉对大家有帮助的话，可以【点个关注】持续追更~this 是一个关键字，是一个使用在作用域内的关键字作用域分为全局作用域和局部作用域（私有作用域或者函数作用域）全局作用域中this指向window函数内的 this, 和 函数如何定义没有关系, 和 函数在哪定义也没有关系，只看函数是如何被调用的(箭头函数除外)可分为以下场景：普通函数中的this和全局调用一样，this指向
JavaScript 高级 ——this指向
weixin_41984072的博客
04-02 223
函数内this的指向 这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同。一般指向调用者。 改变函数内部this指向 javaScript为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部this的指向问题，常用的有bind（），call（），apply（）三种方法； 1.call方法 call（）方法调用一个对象...
JavaScript系列——this指向
01-05 840
但是C2 函数中，this虽然指向了对象本身，但构造函数返回了另外一个对象，因此，通过new 创建处理的实例，指向return 的对象，a的值等于38。如果调用函数的形式是obj,f() ，那么this就指向 obj， 如果调用形式是f（），默认情况下，this指向window或全局对象。箭头函数在其周围的作用域创建一个this的闭包，这就意外着，箭头函数的行为就行它们是“自动绑定”的，无论如何调用，上面的代码中，C1 中，在构造函数中使用this 指向对象本身，赋值a=37，使用new 创建一个实例，
web前端中——this指向以及this的应用，函数的调用——this代码举例说明——举例：当鼠标划到列表上时，出现div内容，当鼠标移开列表时，div隐藏
weixin_43170073的博客
05-19 402
//this：这个 //想要知道this代表着什么可以直接在中输入alert(this); //由此可以看出window是JS中的“老大” eg:alert(1);其实就是window.alert(1); //this：指的是调用当前方法（函数）的那个对象 1.若是在按钮中有this，指的则是按钮的本身而不是window eg:<input id="btn1" type="button" ...
前端笔试题整理——修改this指向
suuuuuki98的博客
04-06 145
前端面试题整理 1.封装函数 f，使 f 的 this 指向指定的对象 修改this指向总共有apply,call,bind三种方法，下面对这三种函数的用法进行了整理。 apply ，fn.apply(obj, [argsArray]) apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入。并且修改原函数this指向就会立即执行。 function bindThis(f, oTarget) { return function(){ r
this指向
miaoguangkun的博客
05-06 230
this全局变量中的this函数中的this对象中的this 全局变量中的this console.log(this) // window 严格模式和非严格模式都指向window 函数中的this 严格模式下,this指向undefined,非严格模式下this指向window //1. function fn() { console.log(this) } fn() //2. function fn1(){ console.log(this) } function
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
weixin_52173250的博客
10-30 1147
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 414
关于react hooks的一些知识与应用
JavaScript 生成二维码
qq_30049249的博客
11-02 212
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
安利一款开源企业级的报表系统SpringReport
luck332的专栏
11-04 513
SpringReport是一款企业级的报表系统，支持在线设计报表，并绑定动态数据源，无需写代码即可快速生成想要的报表，可以支持excel报表和word报表两种格式，同时还可以支持excel多人协同编辑，后续考虑实现大屏设计器功能，通过简单的设计器可以生成炫酷的大屏效果。
Vue2+3
最新发布
m0_73557953的博客
11-04 59
创建Vue实例 Vue指令
echarts 遍历多个图表，并添加resize缩放
licongmingli的博客
10-30 242
遍历echarst多个图表，并添加独立的缩放函数
深度解析JavaScript中的this陷阱
在这个例子中，sayName方法内的this指向obj对象。 3. **构造函数调用**： 使用new关键字调用函数时，会创建一个新的对象，this会指向这个新创建的对象。构造函数常用来初始化新对象的属性。 4. **箭头函数**： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值