关于箭头函数的this指向问题入门求指导

原创已于 2022-09-17 09:52:31 修改 · 135 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-09-17 09:49:51 首次发布

本文探讨了箭头函数中的this指向问题，包括其指向的特性及如何确定指向的上下文。同时，还讨论了箭头函数在apply方法中使用arguements作为参数的意义。

箭头函数

版本一：箭头函数的this永远指向父系，且无法更改系

问题：这里的父系指的是最外层函数，还是说邻近的外层函数

版本二：箭头函数没有this，this来源于所在作用域的函数

apply方法中 arguements做参数的通俗易懂的意义是什么

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mousefly_inter

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Copilot函数式编程指南：从入门到精通

07-06

870

状态管理危机：在命令式编程中，共享可变状态导致的副作用是bug的主要来源，尤其在并发环境中。FP通过不可变性和纯函数提供了根本性解决方案。复杂度控制：随着软件规模增长，命令式代码的控制流变得难以推理。FP通过声明式风格和引用透明性提高了代码的可理解性。代码复用与组合：传统的面向对象继承层次往往导致紧耦合和脆弱的代码。FP提供了更灵活的组合子模式和高阶函数抽象。测试与调试：副作用使得测试变得复杂且脆弱。纯函数本质上是可测试的，因为它们的行为仅由输入决定。

箭头函数与常规函数的this指向问题

大剑师兰特的GIS世界

01-29

809

函数中this的指向问题特别容易让人迷糊，这里用示例来指点迷津，走出迷茫。

参与评论您还未登录，请先登录后发表或查看评论

箭头函数中的this指向问题

棠樾的博客

09-24

414

箭头函数没有自己的 this，它内部的 this 是外层代码块的 this，也就是定义箭头函数时所在的对象。 ES6 标准入门里面对箭头函数 this 的指向有如下说法：函数体内的 this 对象就是定义时所在的对象，而不是调用时所在的对象。一般this 对象的指向是可变的，但是在箭头函数中，this 的指向是固定的。普通函数普通函数的this在声明时指向window，在调用时指向调用...

ES6入门：箭头函数、非箭头函数的this指向

liuxudanhahaha的博客

01-23

719

ES6入门：箭头函数、非箭头函数中的this指向一、非箭头函数中的this指向 1、在全局环境下，this 始终指向全局对象（window）, 无论是否严格模式； console.log(this); // window 2、函数上下文调用函数直接调用：this 指向和函数在哪儿调用没关系，只和谁在调用有关没有具体调用对象的话，this 指向 undefined，在非严格模式下，转向 window 1）非严格模式下，this 默认指向全局对象window function f1(){ retur

ES6箭头函数 this指向的误区

从入门到放弃_nys的博客

01-28

288

众所周知，ES6的箭头函数能解决this指向的问题。能解决this内外指向不一致的问题。 箭头函数体内的this对象，就是定义该函数时所在的作用域指向的对象，而不是使用时所在的作用域指向的对象。 箭头函数的this取决于函数的定义，而不是调用。 (在定时器中用箭头函数就可以解决this指向问题，箭头函数内部的this与外部的this保持一致) 有了箭头函数，我们就不再需要用that来替代this var that = this; 但是有一点很多人容易弄错。看下面这个例子 function queryD

浅析 Javascript 中 this 的指向 ( 箭头函数 )

zhang6223284的博客

07-30

8675

1. 关于 this 2. this 全面解析 2.1 调用位置 2.2 绑定规则 2.2.1 默认绑定 2.2.2 隐式绑定 2.2.3 显式绑定 2.2.4 new 绑定 2.3 优先级判断 this 2.4 箭头函数 3. 总结本文基于你不知道的 javascript 上卷和自己的理解 1. 关于 this 当一个函数被调用时，会创建一个活动记录...

ES6 从入门到精通 # 06：箭头函数 this 指向和注意事项

学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等

07-20

494

这里我们不能包init改成箭头函数，不然this会指向window因为箭头函数内部this值只能通过查找作用域链来确定。是我们使用new或super创建新对象时使用的东西，只有类型的函数。es5中的this指向取决于调用该函数的上下文对象。es5处理方式使用bind改变this指向。ES6从入门到精通系列（全23讲）学习笔记。因为这里的this指向了window。未标识为构造函数的内置函数对象不实现。每个函数创建的定义都归结为。...

对阮一峰《ES6 入门》中箭头函数 this 描述的探究

tanzhou123的博客

05-04

2314

前言昨日，发了一篇公众号文章：原文链接：别低估自己，但，这道题，真的有点难在部分群里引起了一些讨论，其中有一点是关于箭头函数的 this 指针的问题。使用了阮一峰《ES6 入门》文章的内容来反驳。为了隐私，屏蔽掉了微信昵称： ryf_group 上述截图，来自阮一峰的《ECMAScript 6 入门》： this 下面我们就来看看箭头函数的 this 到底是啥样的，...

JS-箭头函数中的this的指向

BigKongfuPanda的博客

04-24

9678

一直对于ES6中箭头函数在使用的时候有些疑虑，其中一项就是this的指向问题。跟之前我所熟悉掌握的函数内部this的指向是有些地方不同的，但是在箭头函数中this到底指向谁，我模模糊糊的。所以为了搞清楚这个问题，就特意查阅了相关的资料，现总结下来。在JavaScript语言里面，this的用途很广泛。在这里，对this的含义以及原理就不做解释和说明，因为本文的目的是阐明this的指向问题。一般的，t

ES6箭头函数体中this指向哪里？

weixin_33826609的博客

03-28

771

一、this关键字小测试 ES6箭头函数体中的this指向哪里？在回答这个问题之前先来揣揣你对this关键字的了解程度：（让我们回到ES6之前）题： var obj = { a: function() { console.log(this); } } var b = obj.a; b(); 问：打印出的...

2020 零基础 Vue快速入门 Vue2.0使用ES6语法的箭头函数=> 对this作用域的理解【整理】

超逸の学习技术博客

01-14

2655

文章目录1、引言2、简单介绍3、普通函数4、箭头函数 =>5、实例演示6、结束语 1、引言最近，学Vue相关知识时，学到了axios，发现axios请求之后的回调函数里this并不指向当前vue实例，在浏览器按F12报了错，赶紧想着去解决问题，后面才知道原来还有箭头函数这个简便操作，一起来了解一下把~ 2、简单介绍关于它们两个的比较，我就以请求一个随机获取笑话的api为例了，来说明它们的...

《ES6标准入门》（四）之箭头函数和尾递归

眼里长着太阳，笑里全是坦荡

07-06

1251

1 基本用法箭头函数是ES6中被应用的最广泛的语法之一了，关键在于其形式简单：var f = v => v;1上面的箭头函数等同于：var f = function(v) { return v; };123如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5; // 等同于 var f = function () { return 5 ...

ECMAScript 6入门：块级作用域与箭头函数

- 箭头函数提供了更简洁的语法，通过 `(params) => {function body}` 形式定义。它们没有自己的 `this` 值，而是继承父作用域的 `this`。当函数体只有一个表达式时，可以省略花括号和 `return` 关键词。例如，将...

Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑

GhostPaints的博客

01-05

900

最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。

前端组件级权限控制

马优晨

01-06

342

前端组件级权限控制通过统一管理权限数据，采用声明式或编程式方式在组件层面进行校验。核心方案包括：1）指令式控制（适合按钮/小组件），通过自定义指令如v-permission实现；2）组件封装式控制（适合通用组件），封装<Permission>容器组件；3）编程式控制（适合复杂逻辑），在JS中直接判断权限。所有方案都需配合后端接口校验防止权限篡改，并适配不同框架如Vue、React和Angular。关键点是先规范权限数据管理，再选择适合的控制方式，同时确保后端兜底校验。

vue2纯前端使用Docxtemplater生成word报告，包含echart图表，表格

m0_49529959的博客

01-08

278

纯前端使用Docxtemplater生成docx报告，包含echart图表

Vue3研学-watch监视

zhlyxx的博客

01-08

771

Vue 3 的 watch API 提供了多种数据监听方式：1) 监听 ref 基本类型数据时直接监视变量；2) 监听 ref 对象类型需开启 deep 选项；3) reactive 对象默认深度监听；4) 监听对象特定属性需使用 getter 函数。watch 支持配置 immediate 立即执行和深度监听，通过返回的 stop 函数可手动停止监听。与 watchEffect 相比，watch 能更精确控制依赖范围和监听行为，适合处理异步操作和复杂状态变更场景。

【Vue3】我用 Vue 封装了个 ECharts Hooks

关于箭头函数的this指向问题 入门求指导

关于箭头函数的this指向问题入门求指导