在上一讲当中,我们知道了es5 中函数的 this 指向问题,即:指向直接调用它的那个对象。那么,在es6 中,箭头函数中的 this 指向是不是会有所不同呢?答案是必然的,今天我们就来聊聊箭头函数的this指向~ 首先来简单对比一下: 【es5普通函数】 【es6箭头函数】 在 es5 中,thi ...
分类:
其他好文 时间:
2019-10-20 10:55:24
阅读次数:
74
从此题发现this只有一级往上的作用域(除非特别指定) 箭头函数的this定义:箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。 ...
分类:
其他好文 时间:
2019-10-08 14:41:51
阅读次数:
80
箭头函数: 1、普通函数 2、箭头函数 注意: 1)如果只有一个返回值,{}return可以省略; 2)如果只有一个参数,()可以省略; let show = function(a){ return a*2; } alert(show(2)); //输出:4 //箭头函数: let show = a ...
分类:
其他好文 时间:
2019-10-08 12:45:50
阅读次数:
97
函数的声明和调用 函数定义可以使用“function”关键字,代码函数头和函数体组成,函数头可以由函数名和参数列表组成,语法格式:函数名(参数列表){函数体}。如 调用 当函数没有函数名的时候称匿名函数 通常需要赋值给一个变量,不然报错 调用 定义在对象里 可以这样调用 还用一种就是定义完就马上被调 ...
分类:
Web程序 时间:
2019-10-07 17:26:27
阅读次数:
94
箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。 使用时要注意的点: 1. 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 例如 ...
分类:
其他好文 时间:
2019-10-06 00:52:40
阅读次数:
85
1.缩减代码 2.改变this指向 (this 始终指向调用它的对象 ES6中箭头函数的this指向函数上边的对象) ...
分类:
其他好文 时间:
2019-10-04 22:51:51
阅读次数:
101
根据追源溯本原则 箭头函数有什么优点? 解决了什么问题? 引入箭头函数有两个方面的作用:更简短的函数并且不绑定this。 在ECMAScript 3/5中,通过将this值分配给封闭的变量,可以解决this问题。 箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this 由于 箭头 ...
分类:
其他好文 时间:
2019-10-04 20:35:21
阅读次数:
85
this 事件绑定,方法中的this都是当前操作的元素本身 函数执行,看函数前面是否有点,有的话,点前面是谁THIS就是谁,没有点,this是WINDOW(在JS的严格模式下,没有点this是UNDEFINED 构造函数执行,this一般都是当前类的实例 箭头函数中没有自己的this,this是上下 ...
分类:
编程语言 时间:
2019-10-01 20:38:54
阅读次数:
79
this是属性和方法“当前”(运行时)所在的对象。this是函数调用时发生的绑定,它的值只取决于调用位置(箭头函数除外)。 函数调用的时候会产生一个执行上下文,this是对这个执行上下文的记录。 ?误区需要注意: this不是指向函数本身;this和函数作用域无关;this和声明位置无关系,只和调用 ...
分类:
其他好文 时间:
2019-10-01 18:28:49
阅读次数:
97