在javascript中this的指向一直是前端同事的心头病，也同时是各面试题的首选，现在我们就来总结一下js中this的指向。首先需要了解一下几个概念： 1:全局变量默认挂载在window对象下2:一般情况下this指向它的调用者3:es6的箭头函数中，this指向创建者，并非调用者4:通过cal ...
分类：
编程语言 时间：
2017-07-22 10:51:43
阅读次数：
188
选项 / 生命周期钩子 所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着 你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此 this 与你 ...
1 //箭头函数的一个好处是简化回调函数 2 //箭头函数没有参数，就使用圆刮号代表参数部分； 3 var f = () =>5; 4 console.log(f()); 5 //两个参数的情况，代码块只有一条语句，可以省略{} 6 var f = (a,b)=> console.log(a+b); ...
分类：
其他好文 时间：
2017-07-19 14:41:34
阅读次数：
200
一、说明ECMAScript6可以用箭头"=>"定义函数。x=>x*x或(x)=>{returnx*x;}与匿名函数function(x){returnx*x;}相等。二、示例2.1没有参数的箭头函数varf=()=>9;
console.log(f());//92.2一个参数的箭头函数varf=x=>x*x;
console.log(f(3));//9
varf=x=>{return..
分类：
其他好文 时间：
2017-07-18 11:59:37
阅读次数：
125
一、说明 ECMAScript6可以用箭头"=>"定义函数。x => x * x或(x) => {return x * x;}与匿名函数function(x){return x * x;}相等。 二、示例 2.1 没有参数的箭头函数 2.2 一个参数的箭头函数 2.3 两个或更多参数的箭头函数 2. ...
分类：
其他好文 时间：
2017-07-18 01:42:20
阅读次数：
156
1. addEventListener 函数中的this 指向的是出发事件的事件源 2.attachEvent 函数中的this 指向的是 window 3.箭头函数和普通函数内部的this 表示的意义(箭头函数里面根本没有自己的this，而是引用外层的this。) （如图：普通函数指向的是wido ...
分类：
其他好文 时间：
2017-07-11 19:33:14
阅读次数：
181
js中的this指向（较简单的几种）： 1.普通函数的this指向window； 2对象方法指向当前对象； 3.（）=》箭头函数指向定义时的对象； apply和call可以改变当前的this指向，但是不能改变箭头函数的指向 上面举了个例子，说明箭头函数的this是不能改变的，相反，如果是普通匿名函数 ...
分类：
Web程序 时间：
2017-07-07 16:34:47
阅读次数：
310
原文地址 箭头函数=>无疑是ES6中最受关注的一个新特性了，通过它可以简写 function 函数表达式，你也可以在各种提及箭头函数的地方看到这样的观点——“=> 就是一个新的 function”。 箭头函数的句法规则甚至早已延伸到各项标准和技术文档中去了，虽然它早已不稀奇，却给我们一种刚刚发现的新 ...
分类：
其他好文 时间：
2017-07-04 23:19:11
阅读次数：
255
本文摘要：http://www.liaoxuefeng.com/ ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 为什么叫Arrow Function？因为它的定义用的就是一个箭头： x => x * x 上面的箭头函数相当于： function (x) { return ...
分类：
编程语言 时间：
2017-06-29 15:16:38
阅读次数：
158
