JavaScript 中的this的简便判断

最新推荐文章于 2024-04-23 06:45:00 发布
最新推荐文章于 2024-04-23 06:45:00 发布
阅读量564 收藏
点赞数
分类专栏： 大前端 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/god953/article/details/121780906
版权

this

我这里总结一下规律

  • 一般 function 函数谁调用指向谁
  • 箭头函数的this指向是和同级的this指向相同 也就是说，在箭头函数上方打印this 就可以判断this的指向
  • bind applay call
  • bind 参数之间用逗号隔开
  • applay 参数使用数组包含起来。
  • call 参数之间用逗号隔开

其区别如下

  • call和apply绑定完this会立即调用当前的函数，而bind绑定完this不会立即调用当前函数，而是将函数返回

  • call和apply通常用作绑定完立即执行的函数中，而bind通常用来作用在回调函数中定义

zeuskk
关注
专栏目录
JavaScript中利用jQuery绑定事件的几种方式小结
10-22
- **事件处理函数的上下文**：在jQuery中，事件处理函数的`this`关键字指向触发事件的元素；而在原生JavaScript中，可以通过事件对象的`target`属性来获取。 - **移除事件监听器**：如果需要在适当的时候移除事件...
JavaScript.中文学习文档
01-09
- **简单性**：JavaScript 作为一种脚本语言，无需编译，可以在浏览器中直接运行，使得开发过程更为简便。 - **动态性**：能够直接响应用户的输入和操作，无需服务器端处理，提高了用户体验。 - **跨平台性**：...
javascript中判断This指向的方法
Coder小何
04-21 838
最近在读《你不知道的JavaScript》上卷，看到了关于this的相关文章，发现在日常学习的时候自己对this 的理解真的很匮乏，读完书才发现其实this内部有一套属于自己的绑定规则。 前置知识： 调用位置 在学习this 的绑定规则之前，首先要理解一个概念就是调用位置。从字面上理解的就是指函数被调用的位置，但是如果遇到函数嵌套调用比较深或者某些编程模式隐藏了真正的调用位置就没有办法判断真正的调用位置了。 那么这个时候就要靠调用栈来判断 判断如下函数： function foo () { cons
JavaScript高级
weixin_59742742的博客
12-23 639
函数的this指向 函数this的绑定规则 默认绑定 函数默认调用时，函数的this都指向window // "use strict" // 1.普通的函数被独立的调用 function foo() { console.log('foo', this); } foo()//window // 2.函数定义在对象中，但是独立调用 var obj = {
javascript清晰的快速入门
Zhaojianqiang520的博客
12-26 893
javascript介绍，我会尽量将js内容更加通俗易懂的写下来，方便我，也方便各位，一起努力！！为了前端
JavaScript知识总结
weixin_45188787的博客
01-23 1421
JavaScript知识总结
JavaScript详解
weixin_51356824的博客
08-25 1380
JavaScript 一、JavaScript概述 1、JavaScript简介 JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。JavaScript的标准是ECMAScript 。 2、JavaScript特点 脚本语言。JavaScript是一种解释型的脚本语言，C
JavaScript
weixin_49342803的博客
05-28 841
文章目录JavaScript1.什么是JavaScript1.1 概述1.2 历史2.快速入门2.1 引入JavaScript2.2 基本语法入门2.3 数据类型2.4 严格检查模式3.数据类型3.1 字符串3.2 数组3.3 对象3.4 流程控制3.5 Map和Set3.6 iterator4.函数4.1 定义函数4.2 变量的作用域4.3 方法5.对象5.1 Date5.2 JSON5.3 Ajax6.面向对象编程6.1 原型：6.2 class7、操作BOM对象
JavaScript基础
最新发布
棉花糖老丫
04-23 717
JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。
【深扒】 JavaScript 中的迭代器
小丞同学
08-11 1555
读懂 JavaScript 中的迭代器 大家好，我是小丞同学，本文将会带你深入理解 ES6 中的迭代器。 发现问题 在 ES6 中提出迭代器模式之前，传统迭代存在着怎样的问题？为什么要新增迭代器呢？ 我们先来看几个例子 let arr = ['小', '丞', '呀'] 这是一个简单的数组，如果要获取它的每一项数据，我们可以采用 for 循环，当然也可以采用 forEach 循环，很酷 关于 forEach 循环在之前的文章有解释，原文连接 当纯这样还没什么问题 我们在看下面代码
JavaScript 进阶
卢衍飞
11-18 401
相同点:​  都可以改变函数内部的this指向.区别点:​  call 和 apply 会调用函数, 并且改变函数内部this指向.​  call 和 apply 传递的参数不一样, call 传递参数 aru1, aru2..形式 apply 必须数组形式[arg]​  bind 不会调用函数, 可以改变函数内部this指向.主要应用场景:​  call 调用函数并且可以传递参数​  apply 经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值。
前端Javascript相关面试基础问答整理md
02-26
- `typeof` 是一种用于判断数据类型的简便方法。 - 它可以区分原始值类型，但无法精确地区分引用类型（如 `null` 和 `object`）。 - 示例代码： ```javascript typeof ''; // "string" typeof 1; // "number" ...
javascriptoop:oo js的代码段
05-14
此外，`isPrototypeOf`方法可以判断一个对象是否存在于另一个对象的原型链中，`hasOwnProperty`用于检查属性是否为对象自身的属性而非原型链上的。 以上是对"javascriptoop:oo js的代码段"涉及的JavaScript面向对象...
解决Failed to load resource: net::ERR_CONNECTION_TIMED_OUT问题
热门推荐
god953的博客
05-24 4万+
原因 **报错信息如下图： ** 由于Google会匹配你自己常用的语言，会选择比如会翻译成中文 有俩个解决方案，推荐使用第一个： 第一： 你这里将字符集选择设置为中文比如这样： 改之前是这样： 改之后是这样： 改之后就不会出现以下问题。 第二种方法：不推荐 打开设置 ==>高级 > 语言>取消勾选 ==>询问是否翻译非您所用语言的网页。 ...
解决安卓模拟器没有网络的问题，刚开的做RN的我遇见这个问题真很头疼，所以希望看到我这篇文章能够解决。
god953的博客
11-24 3142
简单来说 模拟没有网络一般是 dns 得问题 什么是dns 我这里简单得解释一下， 放在文章最后 1. 解决方案 首先 在你 安装SDK 得目录下 去找到 tools 文件夹 在目录下输入cmd如下图 进入终端后 输入以下命令，查看你创建的安卓手机列表 emulator -list-avds 我的是这样的如下图所见 接下来换成阿里云得dns 就好了 # emulator -avd 如上图是我的模拟器手机名称 -dns-server dns服务器 emulator -avd Nexus
React中 useState在合成事件中是异步的，怎么获取到useState 设置后的最新值，或者说setState中获取到最新值
god953的博客
01-19 2643
useState 在合成事件中是异步的 合成时间是什么呢 合成事件： 简单来说 比如onClick，或者 onChange 或者说是 Input之类的事件 所以一个情景是这样的 当你在onClick 中这样设置了状态，并赋值上去，但是打印的值是上一次的值。 附代码一份 function App() { const [state, setstate]: {} = useState(0); const count: number = 0; const setT = () => {
node多版本安装 nvm npx npm nvm切换node版本 nrm 查看 源
god953的博客
09-23 1962
安装多版本 可切换 node 安装node 先安装 nvm 去官网下载或者我点击下方链接下载。 安装好了 使用 nvm version 查看版本号 C:\Users\Administrator>nvm version 1.1.7 安装 多版本 可切换的 node 先查看 有没有安装node 如果没有，可以下载，有的话需要自己卸载 //查看有没有安装node命令 node -v // 或者 nvm ls // nvm list // 卸载命令 node uninstall +版本号
微信小程序_指南部分
god953的博客
12-06 1445
微信小程序 下载安装 创建项目 Step 1 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f52qw6Jn-1638801163109)(./img/1.png)] Step2 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RM1NvGdD-1638801163110)(.\img\2.png)] Step3 目录结构 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6zjNXNPn-1638801163111)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值