ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return: 如果参数不是一 ...
分类:
其他好文 时间:
2018-10-22 16:46:04
阅读次数:
150
vue methods中的函数是如何强制绑定到vue实例中的 箭头函数中的this ...
分类:
其他好文 时间:
2018-10-22 12:56:16
阅读次数:
804
this ES6中的箭头函数采用的是词法作用域。 为什么要使用this:使API设计得更简洁且易于复用。 this即不指向自身,也不指向函数的词法作用域。 this的指向只取决于函数的调用方式 this绑定规则 new > 显示绑定 > 隐式绑定 > 默认绑定 默认绑定 当独立函数 ...
分类:
Web程序 时间:
2018-10-18 22:09:08
阅读次数:
248
一、什么是绑定事件 1.1 事件 我这里指的事件一般指的是React自带的触发事件,我这里先简单举例几个 1.2 绑定事件 一般有三种绑定事件的方法: 如果想要详细地了解这几种React绑定事件的区别及如何选择,可以看我这篇文章: 《每日质量NPM包事件绑定_bindme(详解React的this) ...
分类:
其他好文 时间:
2018-10-18 22:06:55
阅读次数:
291
一. 箭头函数 箭头函数是 语法中加入的新特性,而它也是许多开发者对 仅有的了解,每当面试里被问到关于 “ 里添加了哪些新特性?” 这种问题的时候,几乎总是会拿箭头函数来应付。箭头函数, ,没有自己的 , , , , “书写简便,没有this” 在很长一段时间内涵盖了大多数开发者对于箭头函数的全部认 ...
分类:
编程语言 时间:
2018-10-18 01:16:44
阅读次数:
146
箭头函数是一种利用(=>)箭头定义函数的新语法,但是它与传统的JavaScript函数有不同,主要集中在下面方面 (1)没有this、super、arguments、new.target绑定 箭头函数中的this、super、arguments及new.target这些值由外围最近一层非箭头函数决定 ...
分类:
其他好文 时间:
2018-10-15 20:40:30
阅读次数:
175
一、语法 1. 具有一个参数的简单函数 1 2 var single = a => a single('hello, world') // 'hello, world' 1 2 var single = a => a single('hello, world') // 'hello, world' ...
分类:
其他好文 时间:
2018-10-14 16:25:51
阅读次数:
129
1. 变量/赋值 var 可以重复定义、不能限制修改、没有块级作用域 let 不能重复定义, 变量,块级作用域 const 不能重复定义, 常量,块级作用域 结构赋值 数组解构赋值 对象解构赋值 2. 函数 箭头函数 注意 箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义时所在的对 ...
分类:
其他好文 时间:
2018-10-14 00:29:24
阅读次数:
215
js箭头函数和普通函数的区别 1.不邦定this 在箭头函数出现之前,每个新定义的函数都有其自己的 this 值 var myObject = { value:1, getValue:function(){ console.log(this.value) }, double:function(){ ...
分类:
其他好文 时间:
2018-10-12 21:25:13
阅读次数:
215
所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue 实例不同, ...
分类:
其他好文 时间:
2018-10-12 13:59:54
阅读次数:
216