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

已于 2023-02-20 16:01:52 修改
阅读量230 收藏
点赞数
文章标签： 前端
于 2023-02-20 15:57:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37299525/article/details/129126058
版权

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

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

this指向及如何改变

  • 在方法中，this 指的是所有者对象。
  • 单独的情况下，this 指的是全局对象。
  • 在函数中，this 指的是全局对象。
  • 在函数中，严格模式下，this 是 undefined。
  • 在事件中，this 指的是接收事件的元素。
qq_37299525
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
K8S中Deployment控制器的概念、原理解读以及使用技巧
景天科技苑
01-21 1515
Deployment是kubernetes中最常用的资源对象，为ReplicaSet和Pod的创建提供了一种声明式的定义方法， 在Deployment对象中描述一个期望的状态，Deployment控制器就会按照一定的控制速率把实际状态改成期望状态， 通过定义一个Deployment控制器会创建一个新的ReplicaSet控制器，通过ReplicaSet创建pod，删除Deployment控制器， 也会删除Deployment控制器下对应的ReplicaSet控制器和pod资源.
JavaScript中改变this指向的方法【总结】- 【各自主要应用场景】
weixin_60297362的博客
01-20 889
文章目录一、pandas是什么？总结 一、pandas是什么？ 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 ...
改变this指向的方法，区别，主要应用场景
cecoal的博客
09-04 467
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 282
改变this指向[call、apply、bind] 作用: call、apply都是改变this的作用域，在指定的作用域下进行函数调用；如果某个对象没有某种功能(也就是没有某个方法)，而其他对象有，则可以通过call、apply方法实现方法的复用，下面具体讲解复用模式 传参定义 call的参数的顺序依次为this的值，函数接收的参数， apply方法接受一个包含多个参数的数组; bind的传参与call一样，但是他与call、apply不用的是，需要再执行一次 call、apply、bind
浅析Javascript 中的 this 的七种使用场景
皮叉的博客
03-20 3083
Javascript 中的 this，有时候让人迷惑，所以总结了一下关于this指向的问题。在函数中 this 到底取何值，是在函数真正被调用执行的时候确定下来的，函数定义的时候确定不了。 因为 this 的取值是函数执行上下文(context)的一部分，每次调用函数，都会产生一个新的执行上下文环境。当代码中使用了 this，这个 this 的值就直接从执行的上下文中获取了，而不会从作用域链中
前端this指向问题-分场景分析
m0_46678592的博客
08-02 618
this的指向问题往往和我们使用它的场景相关，在不同的场景下，this会怎么去绑定对象，要绑定哪个对象是本文讨论的关键
this作用域和闭包
一枚不断学习的小码农一枚~
04-02 986
作用域 为可访问变量，对象，函数的集合 作用域种类： 全局作用域（window, document） 函数作用域(当前函数中） 块级作用域(大括号{}}里， const let 声明，if语句和for语句里面的{ }也属于块作用域，每次循环都产生一个块级作用域 ） // es6块级作用域 If (true) { let x = 100 } console.log(x) // 会报错 var let const 区别 var let声明变量，const声明常量 let只在当前作用域生效，不能跨块访
22.JavaScript对象中的方法、this关键字
魏大大
05-04 1033
对象中的方法 之所以在编程思想中引入面向对象，是因为面向对象的思维方式更适合处理真实世界中的实体关系。程序中的每个对象都对应着真是世界的一个实体，是实体的抽象表达形式。 例如，我们可以使用以下代码表示一个小朋友： let child = { name:'Tom', age:8, height:70, weight:30, } 这个小朋友姓名叫Tom，年龄8岁，身高70cm，体重30kg。 这看起啦很完美，但是，真实世界中的小朋友除了具备以上这些基本属性之外，还有很多行为属性，比如蹦、跳、吃、喝、唱
ChatGPT技术原理解析：从RL之PPO算法、RLHF到GPT4、instructGPT
热门推荐
结构之法 算法之道
01-15 18万+
本篇ChatGPT笔记会全力做到，通俗易懂且循序渐进(尽最大努力让每一个初学者哪怕是文科生都能没有障碍的读懂每一字一句、每一个概念、每一个公式) 一方面，对于想了解ChatGPT背后原理和如何发展而来的，逐一阐述从GPT/GPT2/GPT3到强化学习、PPO算法，最后再到instructGPT、ChatGPT、SeqGAN 且本文之前，99%的文章都不会把PPO算法从头推到尾，本文会把PPO从零推到尾，按照“RL-策略梯度-重要性采样(重要性权重)-TRPO(增加信任区域和KL散度约束)-PPO”的顺序逐步
excel怎么作图及改变坐标值取值范围？.docx
09-26
Excel 作图及改变坐标值取值范围详解 Excel 作图是数据分析和可视化的重要一步骤，但有时我们需要改变坐标值取值范围以满足实际需求。本文将详细介绍 Excel 作图的步骤，并解释如何改变坐标值取值范围。 一、Excel...
微信小程序 传值取值的几种方法总结
08-31
主要介绍了微信小程序 传值取值的几种方法总结的相关资料,这里对这几种方法进行了详解，并附示例代码，需要的朋友可以参考下
JSP 中使用cache取值出错解决办法
10-19
主要介绍了JSP 中使用cache取值出错解决办法的相关资料,需要的朋友可以参考下
JavaScript中的this基本问题实例小结
11-20
本文实例讲述了JavaScript中的this基本问题.分享给大家供大家参考，具体如下： ...关于 this 的取值，大体上可以分为以下几种情况： 情况一：全局 & 调用普通函数 在全局环境中，this 永远指向 window。 c
java json字符串转JSONObject和JSONArray以及取值的实例
10-19
主要介绍了java json字符串转JSONObject和JSONArray以及取值的实例的相关资料,需要的朋友可以参考下
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 366
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 522
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
最新发布
liyrbtqe_66w的博客
06-12 247
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
Web前端设计大赛：创意与技术的碰撞
huejiaqwerty888的博客
06-12 325
在这场竞赛中，参赛者们不仅需要展现出独特的创意，还需要运用精湛的技术将创意转化为实际作品。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析Web前端设计大赛的魅力和挑战。交互设计是Web前端设计的核心环节。参赛者需要关注页面的加载速度、响应速度以及操作的便捷性等方面，确保用户在使用过程中能够获得良好的体验。参赛者需要敢于突破传统的设计理念和技术限制，尝试新的设计手法和技术应用。参赛者需要在创意构思、视觉呈现、交互设计、用户体验、技术实现、性能优化以及创新性和可实践性等方面进行全面考虑和精心打造。
真分数n/2022化为最简分数后，分子有多少种不同的取值?
07-15
抱歉，我之前的回答有误。我们来重新计算一下。 要将真分数 n/2022 化为最简分数，我们需要求 n 和 2022 的最大公约数 (GCD)。假设最大公约数为 d，那么 n 和 2022 可以被分别表示为 n = d × a 和 2022 = d × b，其中 a 和 b 为互质的整数。 因此，最简分数为 (d × a) / (d × b) = a / b。这意味着 n/2022 的最简分数形式只取决于 a 和 b 的值，而与 d 无关。 现在我们需要找出 a 和 b 的取值范围。根据题目中的条件，n/2022 是一个真分数，即 0 < n/2022 < 1。因此，分子 n 的取值范围为 1 到 2021（因为 2022/2022 = 1）。 对于每个 n，我们需要确定其与 2022 的最大公约数 d，并将 n/2022 化为最简分数。而不同的 n 可能对应相同的最大公约数 d，所以我们需要计算不同的最大公约数的数量。 通过计算每个 n 与 2022 的最大公约数，并统计不同的最大公约数的数量，我们可以得到分子的不同取值数量。 请等一下，我来计算一下。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值