this的原理以及几种不同的使用场景的取值？this指向及如何改变？

原创 已于 2023-02-20 16:01:52 修改 · 297 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

于 2023-02-20 15:57:36 首次发布
this的值在执行上下文时确定，全局环境和函数独立调用时指向window。在对象方法中，this指对象实例。事件处理中，this指向事件触发的元素。严格模式下，函数中的this可能为undefined。理解this的关键在于分析其绑定规则。

this的原理以及几种不同的使用场景的取值

  • this的值是在执行上下文的时候才能被确认
  • 默认绑定规则
    • 全局指向window
    • 函数独立调用this也是指向window
  • 隐式绑定规则
    • 对象里的调用this指向实例对象
    • 执行函数，情况不同this指向不明（事件触发this指向该元素）

this指向及如何改变

  • 在方法中，this 指的是所有者对象。
  • 单独的情况下，this 指的是全局对象。
  • 在函数中，this 指的是全局对象。
  • 在函数中，严格模式下，this 是 undefined。
  • 在事件中，this 指的是接收事件的元素。
qq_37299525
关注
从ReentrantLock理解AQS的原理及应用总结
曾经“等你生日那天”都遥远得像未来，如今却可欢愉的挥手说“下个十年见”
05-12 170万+
本文介绍了Java中的AbstractQueuedSynchronizer（AQS），重点讲解了其在实现ReentrantLock等同步器中的应用。文章分析了AQS的基本概念、工作原理及关键数据结构，并探讨了其在多线程竞争中的线程排队与唤醒机制。通过对AQS实现的深入剖析，帮助开发者更好地理解并发编程中的锁机制和自定义同步器的实现。
K8S中Deployment控制器的概念、原理解读以及使用技巧
景天科技苑
01-21 2495
Deployment是kubernetes中最常用的资源对象，为ReplicaSet和Pod的创建提供了一种声明式的定义方法， 在Deployment对象中描述一个期望的状态，Deployment控制器就会按照一定的控制速率把实际状态改成期望状态， 通过定义一个Deployment控制器会创建一个新的ReplicaSet控制器，通过ReplicaSet创建pod，删除Deployment控制器， 也会删除Deployment控制器下对应的ReplicaSet控制器和pod资源.
JavaScript中改变this指向的方法【总结】- 【各自主要应用场景】
weixin_60297362的博客
01-20 1021
文章目录一、pandas是什么？总结 一、pandas是什么？ 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 ...
改变this指向的方法，区别，主要应用场景
cecoal的博客
09-04 548
call(thisArg,arg1,arg2,…) 可调用函数，改变函数内this指向 apply(thisArg,[argsArray]) 可调用函数，改变函数内this指向，传递的值必须包含在数组里 bind(thisArg,arg1,arg2,…)() 不会调用函数，但可改变函数内this指向。（必须调用否则只是绑定） 返回一个新函数，foo.bind()是将foo复制一份。foo和foo.bind已经不再同一个内存地址 箭头函数 (参数1, 参数2, …, 参数N) => { 函数声明 }
改变this指向[call、apply、bind]以及使用场景
mxm_xixixi的博客
11-09 373
改变this指向[call、apply、bind] 作用: call、apply都是改变this的作用域，在指定的作用域下进行函数调用；如果某个对象没有某种功能(也就是没有某个方法)，而其他对象有，则可以通过call、apply方法实现方法的复用，下面具体讲解复用模式 传参定义 call的参数的顺序依次为this的值，函数接收的参数， apply方法接受一个包含多个参数的数组; bind的传参与call一样，但是他与call、apply不用的是，需要再执行一次 call、apply、bind
this的原理以及几种不同使用场景的取值
dituirenwu的博客
03-04 209
JavaScript中的this原理及6种常见使用场景
wosifp的博客
02-13 699
一、this原理 this是JavaScript的一个关键字，函数调用时才会出现； 因为函数是在一定的环境中运行的，调用函数时肯定需要知道是[谁调用的]？就用到了this进行指向； 那么this到底指向的是什么？ this 既不指向函数自身，也不指函数的词法作用域，而是调用函数时的对象！ 二、使用场景 （一）普通函数的调用，this指向的是Window var name = '卡卡'; func...
微信小程序 传值取值的几种方法总结
08-31
本文将详细介绍三种常见的传值取值方法：列表index下标取值、页面传值和form表单取值。 1. **列表index下标取值** 当我们处理列表数据时，可以通过给列表项设置`data-index="{{index}}"`属性，然后在事件处理函数...
信号量实战指南：二值与计数信号量的5种使用场景及常见死锁陷阱规避
信号量（Semaphore）是一种用于控制多个线程或进程对共享资源访问的同步机制，由荷兰计算机科学家艾兹赫尔·迪杰斯特拉（Edsger Dijkstra）在1960年代提出。其核心思想是通过一个非负整数计数器表示可用资源的数量，...
信号量误用致系统阻塞？3个典型场景深度剖析，教你正确使用同步机制
相较于简单的互斥锁，信号量不仅能互斥访问，还可支持有限资源池的管理，如连接池、缓冲区槽位等场景。理解其基本概念是构建可靠并发系统的第一步。 # 2. 信号量的工作原理与核心理论 在现代操作系统和并发编程中...
javaScript中的this原理及6种常见使用场景
u012174809的专栏
04-28 145
JavaScript中的this原理及6种常见使用场景_有鱼是只猫的博客-优快云博客
一名【合格】前端工程师的自检清单（作用域和闭包篇）
进击的你的博客
05-23 535
##作用域和闭包 ###1.理解词法作用域和动态作用域 ####作用域 ####静态作用域。 作用域是指程序源代码中定义变量的区域。 作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。 JavaScript 采用词法作用域(lexical scoping)，也就是静态作用域。 function f1() { alert(v)...
this的不同应用场景如何取值？
zpfnext的博客
09-29 256
使用场景 1.作为普通函数 2.使用call apply bind 3.作为对象方法被调用 4.在class方法在中被调用 5.箭头函数 this取什么值是在函数执行的时候确定得，不是在函数定义的时候确定的 function fn1() { console.log(this) } fn1()//window fn1.call({x:100})//{x:100} const fn2 = fn1.bind({X:200}) fn2()//{x:200} const zhangsan ={
JavaScript中的this原理及6种常见使用场景详解
u012174809的专栏
04-22 1037
工欲善其事，必先利其器，,复习下this(看完如下，对于this的认识又清晰了点)： this是JavaScript的一个关键字，函数调用时才会出现并确定； 因为函数是在一定的环境中运行的，调用函数时肯定需要知道是[谁调用的]？就用到了this进行指向； 那么this到底指向的是什么？ this 既不指向函数自身，也不指函数的词法作用域，而是调用函数时的对象！ 使用场景 （一）普通函数的调用，this指向的是Window var name = '卡卡'; function cat(){ v
JS中this的9种应用场景及三种复合应用场景
Apocalypse
08-06 1108
【场景1】全局环境中的this指向全局对象this.a = 10; alert(a);//10 b = 20; alert(this.b);//20 var c = 30; alert(this.c);//30【场景2】对象内部函数的this指向调用函数的当前对象var a = 10; var bar = { a: 20, test: function(){ alert(t
彻底搞懂 JS 中 this 机制
热门推荐
Jungle
04-08 2万+
彻底搞懂 JS 中 this 机制 摘要：本文属于原创，欢迎转载，转载请保留出处：https://github.com/jasonGeng88/blog 目录 this 是什么 this 的四种绑定规则 绑定规则的优先级 绑定例外 扩展：箭头函数 this 是什么 理解this之前， 先纠正一个观点，this 既不指向函数自身，也不指函数的词法作用域。如果仅通过thi...
解析 Javascript - this
weixin_30633405的博客
02-21 186
在函数中 this 到底取何值，是在函数真正被调用执行的时候确定下来的，函数定义的时候确定不了。 因为 this 的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。当你在代码中使用了 this，这个 this 的值就直接从执行的上下文中获取了，而不会从作用域链中搜寻。 关于 this 的取值，大体上可以分为以下七种情况： 情况一：全局 & 调用普通函数...
this的五种使用场景
研究生在读，分享学习日常。（零基础学习后端编程）
01-19 296
（1）函数直接调用 this指向window （2）函数被别人调用 谁调用this就指谁 （3）new一个实例 this指向new的实例 （4）apply、call、bind时 this 会改变。 （5）箭头函数 关于this的相关习题参考： this练习题（一） this练习题（二） ...
js this的应用场景
sinat_32067081的博客
11-05 2322
.JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式： 作为对象方法调用 作为函数调用 作为构造函数调用 使用 apply 或 call 调用 下面我们将按照调用方式的不同，分别讨论 this 的含义。 1作为对象方法调用 在 JavaScript 中，函数也是对象，
我是一个JAVA初学者，请问JAVA是什么？如何使用JAVA进行开发？
最新发布
09-09
嗯，用户正在询问Java的定义以及如何使用Java开发的完整方法。回顾之前的对话历史，我之前已经为这位用户提供过一个关于Minecraft模组开发的学习路线，其中包含了Java基础部分。现在用户希望更全面地了解Java本身，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值