E6箭头函数在哪些时候不适用
来源:互联网 发布:抽奖软件 免费 编辑:程序博客网 时间:2024/04/29 22:54
本文主要参考了When ‘not’ to use arrow functions以及箭头函数中this的用法
先搞清楚this在箭头函数和普通函数中的区别:
箭头函数的this值是在定义的时候就已经确定好了。而不是动态指定的。普通函数的this值是运行时确定的。 Arrow Function是 Lexical scoping, this指向定义Arrow Function时外围, 而不是运行时的对象。
本质来说Arrow Function并没有自己的this,它的this是派生而来的,根据“词法作用域”派生而来。
而词法作用域的解释如下:
一般来说,作用域有两种常见的模型,一种叫做词法作用域(Lexical Scope),一种叫做动态作用域(Dynamic Scope)。而javascript采取的便是词法作用域。
简单来说,所谓的词法作用域就是一个变量的作用域在定义的时候就已经被定义好,当在本作用域中找不到变量,就会一直向父作用域中查找,直到找到为止。Lexical scoping is fancy way of saying it uses “this” from the surrounding code.再通俗地说是:函数式运行在定义它们的作用域中,而不是运行此函数的作用域中。
由于箭头函数在调用时不会生成自身作用域下的this和arguments值,其持有外部包含它的函数的this值,并且在调用的时候就定下来了,不可动态改变,因此,在以下几种情况下是不适合用箭头函数的:
1. 定义对象的方法时
对象方法内的this指向调用这个方法的对象,如果使用箭头函数,this和对象方法在调用的时候所处环境的this值一致。
另外,在原型上定义方法也不能用箭头函数。
2. 具有动态上下文的回调函数
get the target from this when handling events
var button = document.getElementById('myButton'); button.addEventListener('click', () => { console.log(this === window); // => true this.innerHTML = 'Clicked button';});
this is window in an arrow function that is defined in the global context.
3. 构造函数
如果使用箭头函数会报错。
总结就是,箭头函数不会像普通函数那样在调用的时候自动获取this值,而是会沿着作用域链查找,找到最近的外部一层作用域的this,即取得其所处的词法作用域的this值。
- E6箭头函数在哪些时候不适用
- 004_005 Python 在不适用引用的时候,创建列表的列表
- 【JavaScript】什么时候不能用箭头函数
- 为什么虚函数不总是适用?
- js innerText在firefox不适用
- 箭头函数写法在ReactJs中的使用
- 在 React 中什么时候使用箭头函数
- JS箭头函数的优势在哪里
- 箭头函数写法在ReactJs中的使用
- Sublime复制的时候不显示复制哪些内容
- 箭头函数
- 箭头函数
- 箭头函数
- 箭头函数
- 箭头函数
- 箭头函数
- 箭头函数
- 箭头函数
- 带缓冲I/O 和不带缓冲I/O的区别与联系
- ASP.NET 后台调用前台javascript 的方法
- cocoapods升级到1.1.0,为了使用Swift3.0,遇到的问题
- 第六周 项目4-数值转换
- 面试题
- E6箭头函数在哪些时候不适用
- HT242ValidAnagram
- 第七周 队列数组
- java对象初始化的顺序
- 69. Sqrt(x)
- Ubuntu配置hadoop单机+伪分布式环境+eclipse--安装hadoop(一)
- MyBatis学习总结(一)——MyBatis快速入门
- 朴素贝叶斯分类器的应用
- Java——JDBC操作数据库,分页查询