【ES6】es6箭头函数的this指向

已于 2022-03-19 16:44:44 修改
阅读量750 收藏
点赞数
分类专栏： javascript 文章标签： es6/es7 javascript typescript
于 2022-03-19 16:42:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42960907/article/details/123425330
版权

📢欢迎点赞👍收藏⭐留言📝如有错误敬请指正！

在这里插入图片描述

箭头函数

ES6 允许使用“箭头”=>定义函数。

// 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。
var f = () => 5;
// 等同于
var f = function
了解本专栏 订阅专栏 解锁全文 超级会员免费看
卸载引擎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
JS-箭头函数中的this的指向
BigKongfuPanda的博客
04-24 9367
一直对于ES6中箭头函数在使用的时候有些疑虑，其中一项就是this的指向问题。跟之前我所熟悉掌握的函数内部this的指向是有些地方不同的，但是在箭头函数中this到底指向谁，我模模糊糊的。所以为了搞清楚这个问题，就特意查阅了相关的资料，现总结下来。在JavaScript语言里面，this的用途很广泛。在这里，对this的含义以及原理就不做解释和说明，因为本文的目的是阐明this的指向问题。一般的，t
es6语法之箭头函数的this指向
小杨的博客
09-16 171
箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语
ES6 箭头函数及this指向
半夏_2021的博客
04-20 1684
ES6 中箭头函数及this指向
ES6箭头函数中的this指向
最新发布
bukuaileya的博客
12-30 377
(1)箭头函数中没有this: 这意味着 call() apply() bind()无法修改箭头函数中的this (2)箭头函数中的this指向 ：访问上一个作用域的this
ES6-箭头函数this指向
qq_43781887的博客
07-28 364
因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。...
ES6 箭头函数this指向问题
兜里有米
11-30 892
1.箭头函数语法var a = b => c2.箭头函数this通过一个例子：var obj={ a:5, func:()=>{ //console.log(this); //Window console.log(this.a); }, test:function(
ES6中的箭头函数实例详解
08-30
总结，ES6中的箭头函数提供了更简洁的函数定义方式，尤其是在处理`this`上下文时，能够避免传统函数中常见的`this`指向问题。然而，由于其特性限制，箭头函数并不适用于所有场景，开发者需根据实际需求选择合适的...
es6函数之箭头函数用法实例详解
10-15
ES6中的箭头函数是JavaScript语法的一大改进，它提供了一种更加简洁的函数定义方式，同时也改变了函数中`this`的绑定规则。下面我们将详细探讨箭头函数的基本用法、特性以及注意事项。 ### 基本用法 1. **单参数...
关于ES6箭头函数中的this问题
08-27
ES6箭头函数中的this问题 ES6中新增了箭头函数这种语法，箭头函数以其简洁性和方便获取this的特性...ES6箭头函数中的this问题需要我们深入理解箭头函数中的this指向的固定化，避免混淆一般函数定义的函数的this指向。
详解Javascript ES6中的箭头函数(Arrow Functions)
10-21
箭头函数不会创建自己的`this`上下文，而是继承自父作用域的`this`，这与普通函数不同，避免了`this`指向问题。 ```javascript var obj = { data: ['John Backus', 'John Hopcroft'], init: function() { ...
ES6对象方法声明对象时，箭头函数this的指向问题
01-08
基础 没有this、super、arguments 和 new.target 绑定 不能通过 new 关键字调用 没有 prototype 不可以绑定this 的绑定 不支持argument 不支持重复命名参数 疑问 // 第一种 用 var 定义 value var value = '小明' const foo = { value: '小红', getValue: () => console.log(this.value) } foo.getValue() // => 输出的是小明 // 第二种 用 const 定义 value const value = '小明' co
ES6箭头函数
一个有思想的新时代农民工的博客
10-12 776
一、语法根据参数个数不同，分这几种情况： 1、() => { … } // 零个参数用 () 表示； 2、x => { … } // 一个参数可以省略 ()； 3、(x, y) => { … } // 多参数不能省略 ()； 1、 具有一个参数的简单函数var single = a => a single('hello, world') // 'hello, world
ES6箭头函数：this指向
Jcsim~
02-22 753
var obj={ fn:function(){ console.log(this,'hhhhahahahahahahah'); } } obj.fn()//Object 控制台输出： 以上这段代码是再浅显不过的this指向问题，也就是谁调用的函数，函数体中的this就...
【ES6】两个例子明白箭头函数this指向
热门推荐
汪小穆的博客
09-28 1万+
前言：es6箭头函数没出现之前，this的指向不是函数被创建时绑定，而是被怎么样的方式调用时绑定的。而箭头函数刚好相反，箭头函数的this指向是函数被创建时绑定的，它的指向就是当前词法作用域中的this，并且不会因为被怎么样的方式调用改变绑定。 如果对非箭头函数this指向有问题的朋友，建议看我之前的文章。【JavaScript】this的指向详解 （为了展示方便，这两个例子都是在浏览器环境中...
ES6——箭头函数以及this指向
NanChen的博客
09-23 983
以前JavaScript写法： function sum(num1, num2) { return num1 + num2; } ES6箭头函数的写法： const sum =(num1,num2)=>{ return num1 + num2; } 更简化的写法 const sum = (num1, num2) => num1 + num2; 简单理解的办法就是将function简化为const, sum(num1,num2)简化成sum=(num...
ES6箭头函数的this指向问题
weixin_47340917的博客
10-22 1356
ES6箭头函数的this指向问题 今天依旧给大家带来的是一道前端的面试题，有关的是ES6中箭头函数的this指向问题，以及它能否被call，apply或者bind方法来改变。 箭头函数的this特性 正式解决问题前，我们需要先来了解下箭头函数的this特性： 箭头函数没有自己的this对象。这里说的没有指的是箭头函数本身无法有效的使用this，它指向的永远是自己的父作用域； 箭头函数的this永远指向其父作用域。在没有规划父级作用域的情况下，执行代码中最高级别的，也就是window； 任何方法都改变不了t
JavaScript中ES6常见新增语法（this指向问题）
qq_45799465的博客
02-11 1605
目录 一、立即执行函数 1.1 定义 1.2 语法形式 1.2.1 不带参数形式 1.2.2 带有参数形式 1.3 注意 二、箭头函数 2.1 定义 2.2 关键作用 2.3 语法形式 三、this指向 3.1 定义 3.2 this指向的理解 3.3 不同函数的具体的this指向 3.3.1 普通函数 3.3.2 声明式函数 赋值式函数 定时器 延时器 forEach .... 3.2 箭头函数的this指向 3.3 改变this指向 3.3....
简单学习Es6中的this指向
憧憬个人博客
01-19 2119
前言对于一个前端初学者来说，this的指向是一个必须要掌握的知识点，尤其是es6之后的this指向更加变得飘忽不定，我们今天就来了解一下各种情况下this的指向。什么是this首先，this不是一个函数也不是某个对象，它具体指向什么东西取决于我们在哪里去调用这个this，只有函数调用的时候才会发生this的绑定1.全局作用域console.log(this ===...
es6中箭头函数this指向问题
梁婉玲krysliang的博客
01-04 502
普通函数：根据调用我的人（谁调用我，我的this就指向谁） 箭头函数：根据所在的环境（我在哪个环境中，this就指向谁） 看下面的例子 document.onclick = function () { alert(this); //HTMLDocument } document.onclick = () => { alert(this); //Window   再看下下面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

卸载引擎

如果对您有帮助，请赏个饭吃

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

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

打赏作者

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

抵扣说明：

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

余额充值