简单判断this指向

最新推荐文章于 2025-09-09 08:15:00 发布
原创 最新推荐文章于 2025-09-09 08:15:00 发布 · 234 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 
    1.先看this在哪个作用域 
        全局指window
        function 函数体中
    2.看函数执行
        2.1 调用函数是否是new 是构造函数 this 指向new 实例的函数
        2.2 看是否有call apply bind 有-->看参一是谁 this就指向谁
        2.3 看是否是事件处理函数 是-->触发事件元素
        2.4 以上都不满足 谁调用指向谁
标签
#javascript
MLCC 与电解电容实战选型：电源滤波场景下 3 种容值搭配方案与 ESR 实测对比
最新发布
weixin_34408624的博客
07-07 535
本文深入探讨了MLCC与电解电容在电源滤波中的性能差异，提供了三种实测验证的容值搭配方案，并详细分析了ESR对滤波效果的影响。通过对比不同电容类型的特性，帮助工程师在有限PCB空间内实现最优的电源滤波效果，适用于各类电子设计场景。
如何正确判断this的指向
qq_35430000的博客
07-18 1325
转载自：https://juejin.im/post/5d124a12f265da1b9163a28d 如果用一句话说明 this 的指向，那么即是: 谁调用它，this 就指向谁。 但是仅通过这句话，我们很多时候并不能准确判断 this 的指向。因此我们需要借助一些规则去帮助自己： this 的指向可以按照以下顺序判断: 全局环境中的 this 浏览器环境：无论是否在严格模式下，在全局...
SQL---基本常用函数
qq_49810363的博客
09-26 1335
SQL—基本常用函数 提示：本人新手，仅供参考 案例成绩表结构 1、AVG 函数 AVG 函数返回数值列的平均值，NULL 值不包括在计算中 -- 查询整个年级的语文平均分 SELECT AVG(score) AS "语文平均分" FROM grade WHERE `subject` = '语文' -- 查询语文成绩高于平均分的同学及分数 SELECT st_name AS '姓名',score AS '分数' FROM grade WHERE `subject` = '语文' AND score &g
this 8种
Anony_me的博客
12-01 490
判断this，一定不要看定义在哪儿！只看调用时！ obj.fun() this->obj fun() 或 (function(){ … })() 或 多数回调函数 或 定时器函数 this->window new Fun() this->new正在创建的新对象 类型名.prototype.共有方法=function(){ … } this->将来谁调用指谁，同第一种情况 DOM或jq中事件处理函数中的this->当前正在触发事件的DOM元素对象 如果需要使用简
教你如何判断this指向谁
m0_45896721的博客
08-16 1528
JavaScript 对于我们刚学习函数的菜鸟来说，this的指向经常让我们头晕目眩。是一个难点。今天小编就把自己学习过程中判断this指向的方法分享给大家。 首先我们要记住，this指向当前执行环境的对象。同一个函数中的this的取值跟调用方法有关，调用方法不同this可能就不同。 其次，判断技巧就是： 如果使用括号调用，查看括号前面是不是函数，如果是，继续查看函数前有没有点，如果有点，this为点前面的变量。 如果是使用函数名.call(this，实参列表)或函数名.apply(this，实参数组)进行
this 指向
qq_53461589的博客
09-07 671
this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。
用最简单的方法判断JavaScript中this的指向
weixin_33989780的博客
09-04 75
目录 * 一个特例 * 开始判断 * 法则一：对象方法中的this指向对象本身（箭头函数形式的除外） * 法则二：多层嵌套函数中的this指向等同于包含该this的最近一个function的this * 法则三：箭头函数以及非指向对象方法中的function的情况下this指向window * 习题集 *...
【JavaScript】从 this 指向到 reference 类型
weixin_30294295的博客
06-18 244
判断“this 指向谁”是个老大难的问题。 网络上有许多文章教我们如何判别，但大多艰涩复杂，难以理解。 那么这里介绍一个非常简单实用的判别规则： 1）在函数【调用】时，“this”总是指向小数点左侧的那个对象 2）如果没有小数点，那么“this”指向全局作用域（比如 Window，严格模式为 undefined） 3）有几个可以改变“this”指向的函数——bind，call 和 ap...
JS 中的 this 指向：小白也能看懂的通俗解析
前端圈边缘选手，擅长把 UI 稿 “翻译” 成代码，也擅长在 console.log 里写 “求救信号”。日常状态：要么在调像素级对齐，要么在查 “为什么这个样式只在我电脑上生效”。博客不搞高深理论，只唠实在干货~
09-09 2586
JavaScript中的this指向问题常常让初学者困惑。本文通过通俗易懂的生活例子和代码实例，讲解了this的4种常见场景：普通函数调用时指向全局对象，对象方法调用时指向当前对象，构造函数调用时指向新创建的对象，以及使用call/apply/bind时可以手动指定this指向。文章强调this的指向取决于"函数被调用的方式"而非"定义的位置"，并提供了简单的判断流程。最后通过一个小练习帮助读者检验理解。掌握这些规则，就能轻松应对JavaScript中的this问题。
JavaScript&jQuery.this关键字
weixin_33859231的博客
06-09 73
this关键字 this关键字通常在函数内部或对象内部使用。 函数或方法声明的位置不同，会影响this关键字的含义。 通常来说，this指向当前函数所操作的对象。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...
js this
weixin_30525825的博客
08-21 70
用最简单的方法判断JavaScript中this的指向 转载于:https://www.cnblogs.com/yangai/p/9510241.html
走心大白话JavaScript教程（一）理解JS中this指向的小技巧
weixin_33862514的博客
04-27 278
JS大法好，JS在手，天下我有，信JS，得永生。 这个系列的教程我一开始是写在github上的，但是觉得放到掘金来可以让更多需要的人看到，就搬到掘金专栏上啦，如果觉得本教程对你有帮助，请点这里去github上给我一颗Star~教程目录也在github上哈~ 本着对技术负责的态度，任何纠正/疑问，尽管提出，我会及时修正/回答。 一定要把每个例子代码都拷贝到你的运行环境中边看结果边理解，不然学习效果减...
【CSDN学院出品】 你不可不知的JS面试题（分期更新……）
热门推荐
主要领域：前端开发
02-12 1万+
1、JS中有哪些内置类型？ 7种。分别是boolean、number、string、object、undefined、null、symbol。 2、NaN是独立的一种类型吗？ 不是。NaN是number类型。 3、如何判断是哪个类型？ Object.prototype.toString.call()，返回为[object Type]。 现在我们来验证一下。 Object.prototype.toS...
javascript中判断This指向的方法
Coder小何
04-21 941
最近在读《你不知道的JavaScript》上卷，看到了关于this的相关文章，发现在日常学习的时候自己对this 的理解真的很匮乏，读完书才发现其实this内部有一套属于自己的绑定规则。 前置知识： 调用位置 在学习this 的绑定规则之前，首先要理解一个概念就是调用位置。从字面上理解的就是指函数被调用的位置，但是如果遇到函数嵌套调用比较深或者某些编程模式隐藏了真正的调用位置就没有办法判断真正的调用位置了。 那么这个时候就要靠调用栈来判断 判断如下函数： function foo () { cons
javascript的函数中this指向判断
palmer_kai的博客
09-23 358
前言 最近在写 React 项目， 然后补习了下 es6 的 class 。发现 实例方法被赋值后 this 指向 undefined, 这里对 this 指向作一次总结。 一、通过 函数的 调用方式 来判断 this 指向 1. 函数名(); 通过 函数名(); 方式调用函数， 则该函数中的 this 指向 global/window function fn() { console.log(...
new操作符具体干了什么
冒蓝火的键盘
01-11 183
new操作符 相信大家对于new这个操作符的第一印象就是实例化一个对象其实不然: 1. 创建一个空对象: 并且this变量引入该对象,同时还继承了函数的原型 2. 设置原型链 空对象指向构造函数的原型对象 3. 执行函数体 修改构造函数this指针指向空对象,并执行函数体 4. 判断返回值 返回对象就用该对象,没有的话就创建一个对象 ...
【Javascript】听课笔记：this用法\js解构的使用\...运算\for-in&for-of
记忆超差的本人的博客
01-24 200
js听课笔记
【最简单最全面】一文讲清楚五大this指向，this到底指向哪里？
RenGJ010617的博客
05-26 3116
        this 是 JavaScript 中最迷惑、最核心的概念之一。它的值不是取决于函数在哪声明的，而是取决于它是如何被调用的。         简单来说，this 是函数运行时自动创建的一个特殊变量，它指向调用该函数的“拥有者”对象。但它的指向受不同的调用方式影响，我们一起来理一理五大this指向的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PinkSir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值