一、使用bind方法(构造函数内绑定) 也可以onClick={this.handleClick.bind(this)};这种方法简洁明了,但由于 function函数 在每个render上重新分配,所以有性能影响。 二、使用箭头函数 ...
分类:
其他好文 时间:
2018-09-13 01:16:18
阅读次数:
146
ECMAScript 6(ES6) 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。 1.const和let 2.模板字符串 3.箭头函数 4. 函数的参数默 ...
分类:
其他好文 时间:
2018-09-12 11:05:59
阅读次数:
168
知识铺垫: ES6语法: 1. let 和 const 2. 模板字符串语法: 3. 箭头函数: 4. 对象的单体模式: 5. ES6 引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 6. 模块化 esModule 7. 前端工具: (1) webpack:打包 ...
分类:
其他好文 时间:
2018-09-05 21:38:39
阅读次数:
166
知识点梳理目录列表 变量类型 JS的数据类型分类和判断 值类型和引用类型 原型与原型链(继承) 原型和原型链的定义 继承写法 作用域和闭包 执行上下文 this 闭包是什么 异步 同步VS异步 异步和单线程 前端异步的场景 ES6/7新标准的考查 箭头函数 module class set和map ...
分类:
其他好文 时间:
2018-09-05 13:59:23
阅读次数:
125
作用域 1. 全局环境 window: JS的全局执行环境,顶层对象。this指针在全局执行环境时就指向window。 2. 局部环境 什么情况会具有局部环境? 答: function声明(包括常规声明,箭头函数,匿名函数)的花括号{}内部会形成局部环境。 局部环境有什么特征? 答: 局部环境是运行 ...
分类:
编程语言 时间:
2018-09-05 09:01:45
阅读次数:
208
这篇文章酝酿了许久,this的指向一直是让初学者痛苦的事情,但也是有迹可循的在学习中绝对不能秉承猜测的想法来进行,这里参考了阮一峰的博客与《你所不知道的JavaScript》一书,以及自己的理解。 这篇文章分为三大部分,第一部分是ES5,第二部分是ES6,因为ES6新增了箭头函数,它有些特殊,第三这 ...
分类:
其他好文 时间:
2018-09-04 17:52:57
阅读次数:
145
前言 在react开发中,经常使用bind(this),来将函数绑定上下文,后来使用了箭头函数,就不需要使用bind(this)了。在非箭头函数下, this 指向调用其所在函数的对象,而且是离谁近就是指向谁(此对于常规对象,原型链, getter & setter等都适用);构造函数下,this与 ...
分类:
其他好文 时间:
2018-09-03 02:46:09
阅读次数:
211
// ES6中的箭头函数 语法: // 1 箭头函数中没有this, 箭头函数中的this 是外部环境中的this // 2 箭头函数不能使用arguments // arguments 用来获取实参列表, 是一个伪数组 // 使用 rest参数, 来替代 arguments 的功能 const f ...
分类:
其他好文 时间:
2018-09-02 16:06:12
阅读次数:
126
1.对于 setTimeout函数 普通函数: 100ms后执行时,this指向window对象。 箭头函数: 箭头函数:this是在定义时生效的。this总是指向函数定义生效时所在的对象。 ...
分类:
Web程序 时间:
2018-08-31 17:08:05
阅读次数:
151
箭头函数表达式的语法比函数表达式更短,并且不绑定自己的this,arguments,super或 new.target。这些函数表达式最适合用于非方法函数,并且它们不能用作构造函数。 箭头函数和function的区别: 箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象 箭头函 ...
分类:
微信 时间:
2018-08-31 15:49:14
阅读次数:
581