前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >箭头函数不会修改this

箭头函数不会修改this

作者头像
windseek
发布于 2018-06-21 08:56:29
发布于 2018-06-21 08:56:29
63900
代码可运行
举报
文章被收录于专栏:杨龙飞前端杨龙飞前端
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function Person () {
  this.name = 'little bear',
  this.age = 18
  setTimeout(()=>{
	console.log(this
)
})
}
var a = new Person()

setTimeout里的this代表new Person出来的对象

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function Person () {
  this.name = 'little bear',
  this.age = 18
  setTimeout(function(){
	console.log(this
)
})
}
var a = new Person()

setTimeout里的this代表window

由于箭头函数不改变this,所以setTimeout里面的箭头函数this,不能改变

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-04-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
ES6箭头函数和模板字符串
箭头函数 上面是箭头函数的语法和例子 箭头函数的作用:简化断码,使用方便 关于箭头函数中this的指向: 普通函数中的this: This总是表示他的直接调用者(js的this是执行上下文)例如:obj.func,那么func中的this值得就是obj 在默认情况下(非严格模式下,未使用‘user starict’),没找到直接调用者,则this指的是window(约定俗成) 在严格模式下,没有直接调用者的函数中的this,是undefined 使用call,apply,bind(es5新增)绑定的,this指的是绑定的对象 //如果说使用箭头函数传入对象的话,也就是json的格式 var p =name =>({name:"杨过a",age:18}) console.log(p("a"))
用户9184480
2024/12/19
550
箭头函数.模板字符串.连续运算符
Es6 本章内容: 箭头函数 箭头函数中this的指向 数组的新方法 模板字符串 三点运算符 结构赋值 具体内容: 箭头函数的声明: Es6允许使用箭头函数(=>)定义
用户9184480
2024/12/19
480
疯了!js中this到底指向什么?
前段时间,公司让我改一个界面,我心想改个界面还不简单吗?结果呃,我低估了这颗炸弹的威力。
半月无霜
2024/08/12
740
箭头函数与普通函数的区别详解[通俗易懂]
二.箭头函数都是匿名函数 普通函数可以有匿名函数,也可以有具体名函数,但是箭头函数都是匿名函数。 代码实例如下:
全栈程序员站长
2022/09/14
9040
一篇讲透:箭头函数、普通函数有什么区别
所有函数在执行时,会创建一个函数执行上下文,普通函数的执行上下文中会有一个变量 this,而箭头函数没有。
用户9899350
2022/07/29
3780
JavaScript的箭头函数与普通函数区别?
箭头函数用更简洁的方式,来完成普通函数的功能,但是不具备普通函数拥有的属性: this 、 arguments 、 super 、 new.target,有两种表达形式:
Learn-anything.cn
2021/11/27
6060
一文搞定this、apply、call、bind
JavaScript中最容易被误解的一个方面是this关键字。看我本篇文章,它们将不会是问题。
用户8921923
2022/10/24
2070
ES6新增语法(二)——函数和参数
箭头函数:将原来函数的function关键字和函数名都删掉,并使用”=>”连接参数列表和函数体。
呆呆
2021/09/29
2910
你不知道的箭头函数
箭头函数是ES6 出现的新语法,比函数更加简洁;随着浏览器的支持或者使用 Babel 进行编译,使用的场景越来越多。我们知道箭头函数与普通函数相比,没有以下特性:
前端知知
2022/09/29
1970
还在受JS的this指向问题困扰?来看看Es6的箭头函数
上面两种输出的结果是相等的,箭头函数相对于es6之前的function更加简洁,除了简洁这一点,箭头函数还有一个很重要的特性,箭头函数内部的this是由上下文决定的,什么意思? 看下示例
切图仔
2022/09/08
2210
还在受JS的this指向问题困扰?来看看Es6的箭头函数
让天下没有难学的js之this到底是什么,怎么用,这里可能给你答案
有很多初学的小伙伴在调用函数给对象进行赋值的时候经常会出现一些关于this的错误,例如this找不到啊,或者没报错却没有生效啊之类的问题,即便是一些入门级的同学在遇到这些问题时,也只是通过不断的尝试使用var _this = this、.call()等方法去实现效果,最后虽然达到了想要的效果,但是却并没有明白问题所在,也懒得去仔细研究,那么今天我就来带大家一起看看js中this的庐山真面目
十里青山
2022/08/07
5380
【ES6+】003-ES6新特性:简化对象和函数写法、箭头函数
ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁;
訾博ZiBo
2025/01/06
1010
【ES6+】003-ES6新特性:简化对象和函数写法、箭头函数
前端基础进阶(十六):ES6常用基础合集
与 var 不同,新的变量声明方式带来了一些不一样的特性,其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。通过 2 个简单的例子来说明这两点。
唐志远
2022/10/27
2120
前端基础进阶(十六):ES6常用基础合集
七、this
我们在学习JavaScript的过程中,由于对一些概念理解得不是很清楚,但是又想要通过一些方式把它记下来,于是就很容易草率的给这些概念定下一些方便自己记忆的有偏差的结论。
用户6901603
2020/07/27
3230
七、this
带你入门 JavaScript ES6 (三)
上一章我们学习了 for of 遍历和扩展字符语法。本章我们主要学习 ES6 中的箭头函数
柳公子
2018/09/17
3830
this,call,apply,bind(万字长文)
前言 大家好啊,我是吒儿?,每天努力一点点?,就能升职加薪?当上总经理出任CEO迎娶白富美走上人生巅峰?,想想还有点小激动呢?。 这是我的第13期文章内容✍,希望能够把每一处知识点,说明白,(当然,如
达达前端
2020/06/16
1.2K0
Js箭头函数
箭头函数是ES6新增的语法,提供了一种更加简洁的函数书写方式,类似于匿名函数,并且简化了函数定义。
WindRunnerMax
2020/08/27
5K0
JavaScript进阶教程(4)-函数内this指向解惑call(),apply(),bind()的区别
函数声明如果放在if-else的语句中,在IE8的浏览器中会出现问题,所以为了更好的兼容性我们以后最好用函数表达式,不用函数声明的方式。
AlbertYang
2020/09/08
6300
JavaScript进阶教程(4)-函数内this指向解惑call(),apply(),bind()的区别
十六、半小时掌握ES6常用知识,覆盖80%实践场景
在实际开发中,ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。
用户6901603
2020/07/27
6760
十六、半小时掌握ES6常用知识,覆盖80%实践场景
字节跳动EE部门前端面试经历及总结
你好,我是星辉,幸会幸会。 今天下午我参加了字节跳动EE部门的前端视频第一次面试,把它记录总结下来,希望能够对大家带来帮助。
星辉
2019/01/15
4.1K0
相关推荐
ES6箭头函数和模板字符串
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文