箭头函数中的this的使用
什么时候使用箭头函数
问题: 箭头函数中的this是如何查找的了?
答案: 向外层作用域中, 一层层查找this, 直到有this的定义.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><script>// 什么时候使用箭头函数// setTimeout(function () {// console.log(this);// }, 1000)//// setTimeout(() => {// console.log(this);// }, 1000)// 问题: 箭头函数中的this是如何查找的了?// 答案: 向外层作用域中, 一层层查找this, 直到有this的定义.// const obj = {// aaa() {// setTimeout(function () {// console.log(this); // window// })//// setTimeout(() => {// console.log(this); // obj对象// })// }// }//// obj.aaa()const obj = {aaa() {setTimeout(function () {setTimeout(function () {console.log(this); // window})setTimeout(() => {console.log(this); // window})})setTimeout(() => {setTimeout(function () {console.log(this); // window})setTimeout(() => {console.log(this); // obj})})}}obj.aaa()
</script>
</body>
</html>
箭头函数中的this的使用相关推荐
- es6箭头函数中this
普通函数: $scope.$on('$stateChangeSuccess',function(){this.list = this.getList();}); 箭头函数: $scope.$on('$ ...
- 箭头函数中的this
阮一峰es6中说到: 箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象,箭头函数中没有自己的this的,而箭头函数会默认使用父级的this. 而普通的this:总是代表它的直接 ...
- ES6箭头函数中的this指向
1箭头函数中的this (1)箭头函数中没有this : 这意味着 call() apply() bind() 无法修改箭头函数中的this (2)箭头函数中的this指向 :访问上一个作用域的thi ...
- JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?
摘要: 箭头函数极大地简化了this的取值规则. 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () {console.log(" ...
- 普通函数和箭头函数中的this指向
普通函数的this指向Window function a(){console.log(this) } a() //Window Dom元素绑定事件时的this,句柄里的 this 值是该元素的引用 d ...
- JavaScript箭头函数中的this
JavaScript箭头函数中的this详解 箭头函数极大地简化了this的取值规则. 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () ...
- 关于箭头函数中this指向问题
对于箭头函数中的this指向问题一直困扰我很久,查阅文章现在终于弄懂了. 先上一段代码: var user="Absorbed-22";let person={user:" ...
- JS中箭头函数详解=
箭头函数表达式的语法比函数表达式短,并且不绑定自己的 this,arguments,super或 new.target.此外,箭头函数总是匿名的.这些函数表达式最适合非方法函数,它们不能用作构造函数. ...
- js中的this及箭头函数
this调用的几种类型: 1.普通调用(函数名())===指向window funtion fn(){function fn(){console.log('我是fn函数:',this);functi ...
最新文章
- Ubuntu 16.04+GTX970 黑屏无法安装解决方法
- JavaScript中的数组操作
- JavaScript标准库系列——RegExp对象(三)
- javascript高级程序设计之引用类型
- 【bzoj2754】【scoi2012】喵星球上的点名
- ACM入门之【最小生成树】
- 0118——RTLabel和正则表达式
- 记一次EF Core连接MySql、Oracle
- python__实参前加*和**的(拆包)功能
- druid dubbo 生产者_dubbo项目扩展druid sql监控
- spacy 英文模型下载_spaCy2.1中文模型包
- MySQL数值型超出范围_MySQL 数值类型溢出处理
- cent os 7 mysql_centos – 百胜:Cent OS 7中没有包mysql-server
- pandownload最新复活版登录失败_神途手游万能登录器app-神途手游万能登录器app最新手机版下载v1.0...
- 软件测试的艺术读书笔记<转>
- 互金平台乘着东风股价反弹,小赢科技为何成上涨“急先锋”?
- 宝塔同时安装苹果cms海洋cms_苹果cmsV8/海洋cms/飞飞cms转换成苹果cmsv10插件
- 【汇正财经】金融股有什么投入优势?
- 阿里云物联网是什么?
- qq发消息时键盘挡住了_键盘挡住输入框解决办法